メニューバーのみ非表示にしたい

  • 解決済 fattymeat

    (@fattymeat)


    4年、 3ヶ月前

    皆さま、お世話になります。

    メニューバー（ヘッダーメニュー）内にある『<ul class=”sub-menu”>』をスマホ表示時のみ非表示にしたかったので、下記URL先のトピックを参考にさせて頂き実装してみたのですが、『<ul class=”sub-menu”>』は非表示にならずヘッダーにあった『≡』のみ消えてしまいました。

    ナビゲーションメニューバーをスマホではプラグインに頼って非表示にしたい

    こんにちは

    スタイルシートで非表示にするのが順当かと思います。

    外観 > カスタマイズ > 追加CSS

    に以下を記入して公開してみてください。

    @media screen and (max-width:640px){
	header nav {
		display: none;
	}
}

    できれば『<ul class=”sub-menu”>』のみ非表示にしたいのですが、お助け願います。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • munyagu

    (@munyagu)

    4年、 3ヶ月前

    こんにちは

    単に CSS だけの問題と思いますが、へんなところが消えてしまった問うことは CSS 自体はちゃんと読み込まれているのだろうなと思います。
    以下のように変えてみたらどうでしょうか。

    @media screen and (max-width:640px){
	.sub-menu {
		display: none;
	}
}

    でも、このメディアクエリがお使いのテーマに合っているか分かりませんので、どこかの画面幅でうまくいかないかもしれません。

    トピック投稿者 fattymeat

    (@fattymeat)

    4年、 3ヶ月前

    ご回答頂きありがとうございます！

    単純に私のミスで、別の所で『display: inline-block』が働いていたようです。

    お騒がせしましたm(_ _)m

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「メニューバーのみ非表示にしたい」には新たに返信することはできません。