Zurb Foundation のトップバーの右上のメニューを消えないようにする

Zurb Foundationのトップバーの右上のメニューですが、デフォルトでは幅が940pxを切るとMenuに折りたたまれてしまうという結構広い設定になっています。

もうちょっと幅が狭くても出るようにしたかったので修正しました。

対策

設定ファイルを以下のように書き換えます。環境はRailsです。

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

ちなみに[Menu]自体がでなくて少し困ったのですがtoggle-topbar menu-icon を設定してなかったのが原因だったようです。

<ul class="title-area">
      <li class="name">
    <h1><%= link_to "Site Title", root_path %></a></h1>
      </li>
      <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
    </ul>

対策#

対策