グローバルメニューもレスポンシブに こんなに簡単でいいのだろうか?

Foundation Global Navigation2 foundation

グローバルナビゲーションもFoundationにおまかせです。レスポンシブなメニューが簡単に作成できます。
大元は、Foundationのサイトからコピーしてきます。

http://foundation.zurb.com/sites/docs/responsive-navigation.html

「Responsive Toggle」のコードをコピーして修正していきます。

検索窓やネストされているところを削除して修正したものがこちら。
(2016/04/02 l.11を修正しました。)

Oneの「Vertical Menu」は残して、他に展開してもいいかもしれませんね。
以下のドキュメントの「Active State」などで見栄えをよくします。いろいろとオプションもありますから、カスタマイズもやり甲斐があります。
http://foundation.zurb.com/sites/docs/menu.html

ここまでの完成図が以下です。

Foundation Global Navigation

ブラウザを狭めていくと、メニューが変化します。

Foundation Global Navigation2

コメント