「TCD AWARD 2023」受賞サイトを発表しました。

ワードプレステーマ別

グローバルメニューの各項目の間隔や文字サイズの調整

Q.グローバルメニューが2列で表示されるのを1列に収めたい

グローバルメニューの項目が2列の表示になっていますが、各項目の間隔を狭めたり、文字のサイズを小さくすることで、何とか1列に収めたいと考えています。

A.下記のcssファイルの該当箇所を編集します

編集するファイル:style_pc.css
編集する箇所:

/* global menu */
(中略)
.global_menu > ul > li a { font-size:●●px; padding:0 ●●px; text-decoration:none; height:50px; line-height:50px; display:block; text-align:center; }

※最初にpaddingの左右の幅を狭めて、グローバルメニューの表示をご確認ください。それでも2列となっている場合はfont-sizeを調整ください。

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事