タイトル下のグローバルナビゲーションバーを多段形式にする - ZENO-TEAL

ZENO-TEALでは簡易的なナビゲーションメニューを設置できるようにしています。あくまで最低限のつもりでしたが、それなりに使っている方もいらっしゃるようです。今回はこれを少しだけカスタマイズしてみます。 ウィンドウ幅によって多段形式にする ZENO-TEALのデフォルトの姿はこんな感じです。ナビゲーションメニューの数は人それぞれですが、ウィンドウ幅や文字数によってはこれが窮屈になることがあります。 今回のカスタマイズでは、これを「ウィンドウ幅が小さくなったらナビゲーションメニューを2段、3段にしてメニュー1項目ごとの幅を確保する」ということをやります。 幅700ピクセルの時。タブレットだとこれくらい？ 幅360ピクセルの時。スマホなんかですね。 css はてなブログのデザインcssに以下を加えます。 .zeno-menu{ -webkit-flex-wrap: wrap; flex-wr