【賢威7】グローバルメニューの高さを低くするカスタマイズ方法

賢威7のカスタマイズ、グローバルメニュー編その2です。

今回はグローバルメニューの高さを低く調整するカスタマイズ方法を紹介します。

子テーマでのカスタマイズ方法が分からない方はこちらの記事を参照してください。

グローバルメニューの高さを低く変更する

賢威7のグローバルメニューはデフォルトだとかなり高さがあります。

このグローバルメニューの高さを低く変更するには、
子テーマのbase.ceeに下記のソースを追記します。

/*グローバルメニュー高さ*/
.global-nav-in li a, 
.global-nav li ul li a{
    padding: 0.7em 0.5em;｝

１行目の.global-navi-in li aというのがメインで見えてくるメニューの部分、
２行目の.global-navi-in ul li aというのがドロップダウンのメニュー部分です。

両方の高さを変更しておかないとバランスが悪くなってしまいます。

グローバルメニューの高さカスタマイズの補足

paddingはボックス内の余白を指定するもので、
上下を0.7em、左右を0.5emに変更しました。

低すぎる、まだ高い、という場合は0.7emの数値をお好みで変更してくださいね。

このように、グローバルメニューの高さが低くなりました↓

グローバルメニューはサイトの顔になる部分なので
ぜひ自分の好みに合わせてカスタマイズしてくださいね♪