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

賢威,賢威7,カスタマイズ

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

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

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

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

賢威,グローバルメニュー,カスタマイズ

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

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

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

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

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

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

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

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

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

navi-1

 

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

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

Scroll Up