当サイトでも利用している『賢威7(スタンダード版)』のグローバルメニューがデフォルトでは高さが結構ありますので、高さを短くしたいという場合の設定方法をご紹介します。

スタイルシートを追加するのみ

当サイトでは賢威の子テーマで運用しているので、子テーマディレクトリの「base.css」に以下を追記します。

/*--------------------------------------------------------
グローバルメニュー
--------------------------------------------------------*/
.global-nav-in li a {
	padding: 0.7em 0.5em;
	font-size:0.9em;
}

解説

上記の場合ですが、「padding: 0.7em 0.5em;」は「0.7em」が上と下の余白部分になります。

デフォルトの高さと比較して、任意で設定してください。

「0.5em」の部分は左右の余白の設定になります。

左右もデフォルトでは結構は幅を指定していますので、メニューの文字数が多くて改行される際などで、ここの値を小さくしてあげれば、改行される問題も解消されます。

また、当サイトの場合は文字サイズも少し小さくしたかったので、「font-size:0.9em;」と指定して、文字サイズを若干小さくしました。

これで、グローバルメニューの高さや、各メニューの左右の余白、文字サイズを調整できます。