Wordpressの追加CSSについて

Question

ワードプレスの追加CSSを修正していました。

テーマはjinです。

グローバルメニューを非表示にさせたく、以下のようなコードを追加CSSに追記しました

.page-id-931 nav {
  display: none;
}

.entry-content p {
line-height: 2.5em;
margin: 0 0 1.5em;
}

 


``

実際にみてみると、

https://daikojin.net/fb-test1/

PCでは適用されてスマホでは適用されません。

スマホで適用するにはこのCSSにあとどのような記述が必要でしょうか？

Answer 1

私の確認できる環境では、すべてのデバイスでスタイルは適用されているようでした。

ただし、モバイルデバイスでは、上記CSSでターゲットにしている .page-id-931 nav に該当する灰色のメニューはもともと非表示になっていて、代わりに#header-boxでターゲットできる青色背景のメニューが表示される仕組みになっているようです。

こちらのメニューも非表示にしたいということでしたら、以下のコードの追記で対処できるのではないでしょうか。

#header-box{
  display: none;
}

Comments

[yutakanagashima]

おはようございます。
新年早々のご回答ありがとうございました。
無事メニューが消えました！