3

Foundation のトップ バーをメニューと 3 行に折りたたまないようにすることはできますか。この機能は実際には必要ありませんが、折りたたみを無効にする方法がわかりません。

これには、foundation.topbar.js を変更する必要がありますか?

4

4 に答える 4

5

Foundation を sass 経由で使用している場合は、さらに良い方法があります。_settings.scss ファイルを開いて、次の行を見つけます。

// $topbar-breakpoint: emCalc(940px); // Change to 9999px for always mobile layout

コメントを解除し、値を 0 に変更するか、使用したいブレークポイントに変更します。

于 2013-10-01T15:53:57.627 に答える
2

ファウンデーション 5.1.1 で状況が変わり、CSS でこれが機能しました。

@media only screen and (min-width: 40.063em) {
  .top-bar {

に

@media only screen and (min-width: 4.063em) {
  .top-bar {
于 2014-02-20T01:44:12.227 に答える
1

Foundation CSS を直接使用している場合は、次の CSS 行のブレークポイントを 0em に変更することで、.top-bar メニューのモバイル モードをオーバーライドできます。

.top-bar-js-breakpoint {
  width: 58.75em !important;
  visibility: hidden; }

.js-generated {
  display: block; }

@media only screen and (min-width: 58.75em) {
----- numerous lines below -------

ただし、WordPress または別の CMS で子テーマを使用している場合は、.top-bar 関連のすべてのセレクターを実際のメディア クエリの下にコピーし、それらを子 CSS に貼り付けてから、ブレークポイントを 0 に変更する必要があります。魅力のように機能します。

于 2013-09-02T20:02:03.947 に答える