サポート » 使い方全般 » メニューバーのみ非表示にしたい

  • 解決済 fattymeat

    (@fattymeat)


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

    メニューバー(ヘッダーメニュー)内にある『<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件中)
  • こんにちは

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

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

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

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

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

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

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • このトピックに返信するにはログインが必要です。