サイト内検索
ウィンドウを縮小化したらウィンドウ幅サイズに関係なくナビメニューを自動でハンバーガーメニューにしたい。 | カスタマイズ相談 | Cocoon フォーラム

Topic starter2019年10月23日 21:57
2019年10月23日 22:48
縮小化してある程度ウィンドウ幅がある時(小さすぎず大きすぎず)は、メニューの内容が2段になってしまいます。なので縮小化したらどのウィンドウ幅関係なく(最大化以外の状態)はハンバーガーメニューのように自動でなるように設定できますでしょうか?
メディアクエリで非表示にすれば良いと思います。
あとPCビューとか、縮小化。というより、ウィンドー幅を指定する感じです。
- 該当ページのリンクを置いてください。
わいひら 件のいいね!
Topic starter2019年10月24日 14:56
2019年10月25日 12:33
かうたっく様
毎度お世話になっております。
本件、自分なりにメディアクエリを調べて行っているのですが、上手く表示切替がされません。ちなみにウィンド幅が900以下になるとグローバルナビメニューが2段になります。
900以下の時に非表示にするcssを下記書いてみたのですが、うまく切り替えされず、
分かる範囲でご指摘いただけないでしょうか?
/*端末幅が905px以下のとき*/
@media screen and (max-width: 905px) {
.gnavi { display: none; }
}
何卒よろしくお願い致します。
2019年10月25日 17:00
900以下の時に非表示にするcss
.gnavi ではなく、#header-container .navi に変更したら、グローバルナビを非表示にできますよ。
@media screen and (max-width: 905px) { #header-container .navi { display:none; } }
お試しください。
わいひら 件のいいね!
2019年10月26日 01:23
かうたっく様
お世話になっております。
本件、ご連絡ありがとうございます。
頂いた内容入力して無事うまく動作しました。
お忙しい中教えて頂いて誠にありがとうございました!
今後とも宜しく御願い致します。
わいひら 件のいいね!