縮小化してある程度ウィンドウ幅がある時（小さすぎず大きすぎず）は、メニューの内容が２段になってしまいます。なので縮小化したらどのウィンドウ幅関係なく（最大化以外の状態）はハンバーガーメニューのように自動でなるように設定できますでしょうか？

メディアクエリで非表示にすれば良いと思います。

あとPCビューとか、縮小化。というより、ウィンドー幅を指定する感じです。

• 該当ページのリンクを置いてください。

かうたっく様

お世話になっております。

本件、ご返信ありがとうございます。

ブログURLになります。

https://yujinfxblog.com/

大変お手数ですが、引き続き宜しく御願い致します。

かうたっく様

毎度お世話になっております。

本件、自分なりにメディアクエリを調べて行っているのですが、上手く表示切替がされません。ちなみにウィンド幅が900以下になるとｸﾞﾛｰﾊﾞﾙナビメニューが2段になります。

900以下の時に非表示にするcssを下記書いてみたのですが、うまく切り替えされず、

分かる範囲でご指摘いただけないでしょうか？

/*端末幅が905px以下のとき*/

@media screen and (max-width: 905px) {
  .gnavi { display: none; }
}

何卒よろしくお願い致します。

900以下の時に非表示にするcss

.gnavi ではなく、#header-container .navi に変更したら、グローバルナビを非表示にできますよ。

@media screen and (max-width: 905px) {
	#header-container .navi {
		display:none;
	}
}

お試しください。

かうたっく様

お世話になっております。

本件、ご連絡ありがとうございます。

頂いた内容入力して無事うまく動作しました。

お忙しい中教えて頂いて誠にありがとうございました！

今後とも宜しく御願い致します。