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を調整ください。
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!