zurb-foundation - Foundation zurb のトップ ナビゲーション - モバイルでもメイン メニューを表示

Question

ユーザーがモバイルを使用している場合、メニューも表示され、非表示にならないようにしたいと思います。しかし、show-on-small オプションをどのように微調整しても、表示されません。

小さな画面での現在の表示方法

どのように表示されたいですか。（メニューアイコン付き）

フィットするように十分に短いことを確認しますが、それを機能させる方法についてはかなり混乱しています。

どうもありがとう！

Answer 1

SASS を使用している場合は、_top-bar.scssファイルを開き、$topbar-breakpoint変数を見つけて、ピクセル値を に設定します1px。これにより、 foundation.topbar.jsがモバイル スタイルに切り替わる原因となるブレークポイントが小さすぎて発生しなくなります。

通常の css ファイルを使用している場合は、.top-bar-js-breakpointスタイルを検索しwidthて1pxそこに変更します。