HOME
Blog
TwentyTwentyの折り畳みメニューを非表示
カテゴリー
Blog

TwentyTwentyの折り畳みメニューを非表示

公開日:2020年8月19日
最終更新日:2020年10月13日

私はwordpressのTwenty Twentyというテーマを使っています。公式が出している事が決め手です。

使いやすいのですが、モバイル端末で見たときの折り畳みメニューが好きではありません。折り畳みメニューはSEOでよくないとgoogleにも書いていますし。そこで、追加CSSを使ってこれを非表示にしました。

追加CSSで非表示に

追加CSSに下のコードを入れると非表示にすることが出来ます。上から順に、

  • モバイルの折り畳みメニュー
  • モバイルの折り畳みメニューのテキスト(メニューと書いているテキストです)
.toggle-icon{display:none}
.toggle-text{display:none}

お試し下さい。