/ /基礎の鍋のトップナビ - モバイルでもメインメニューを表示する - zurb-foundation

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

ユーザーが携帯電話を使用しているときは、メニューも表示され、非表示にしてください。しかし、どのように小規模なショーを微調整しても、それは現れません。

現在、小さな画面でどのように表示されているか

ここに画像の説明を入力

どのように私はそれを表示したいと思います。 (メニューアイコン付き)

ここに画像の説明を入力

私はそれが合うように十分に短いと確信しますが、私はむしろそれを動作させる方法についてむしろ混乱しています。

どうもありがとう!

回答:

回答№1は2

SASSを使用している場合は、 _top-bar.scss ファイルを見つけて $topbar-breakpoint 変数に設定し、ピクセル値を 1px。これにより、ブレークポイントが作成され、 foundation.topbar.js 移動することができないほど小さすぎるスタイルに切り替えること。

通常のCSSファイルを使用している場合は、 .top-bar-js-breakpoint スタイルを変えて width1px そこ。


回答№2の場合は1

chrisjshermの答えに加えて、これをやりました。デフォルトのapp.scssファイルで、設定ファイルをインポートした直後に$ topbar-breakpoint変数を上書きします。

// Global Foundation Settings
@import "settings";

// Override settings for this project only
$topbar-breakpoint: 1px;

関連する質問


コメント(0)

コメントを追加