複数あるグローバルナビでの、
スマホへの並びかた編です。
メニューが4っつくらいの場合、
上下で2メニュー2列で並び、バランスがよいものの…
メニュー メニュー
メニュー メニュー
ちなみに偶数個並ぶのは、
Cocoonの仕様なようです。
5項目だと3段になってしまい、、💧
メニュー メニュー
メニュー メニュー
メニュー
5メニューでも、
せめて2行くらいに収めるには、、？
調べてみると、
Cocoonのフォーラムにヒントがありました。
モバイルのヘッダーメニューを一列にしたい
はじめまして。Simplicity2からコクーンに変更させいただきました。いつもお世話になっております。 知識が乏しく、いくつかわからないことがあるのですが、まずはひとつずつ解決しようと思います。 モバイル(iPhoneからクローム)でみた...
wp-cocoon.com
ありがとうございます。
これで上手く設置できてると思います😚
ｽﾊﾞﾗｼｨ~
管理画面の外観 ⇨ カスタマイズから入り、
追加CSSに以下のコードを入力します。
/*モバイルグローバルメニュー*/
@media screen and (max-width: 768px) {
#navi .navi-in > .menu-mobile li {
width: 33%;
}
#navi .navi-in > .menu-mobile li a {
font-size: 13px; /*場合によってフォントサイズを小さく*/
}
}
プライバシーポリシーなど、長い語句は略されてますね、、
でもスマホのサイズなので仕方なし。
それでも、
伝わらない語句じゃないのでOKだと思います。
このバランスなら
スマートではないでしょか👍
コメント