[対応：5]クール版グローバルメニューの幅の調整方法

賢威5.0はグローバルメニューに最大で６個のリンクを設置することが出来ます。
ただ枠は余裕をもった仕様になってますので、1つ１つの文字数が多いと、デザインが崩れたり、下に表示されたり、裏側に隠れたりしてしまいます。

今回の、テキストが２段に折り返さないように、幅の調整方法をご紹介します。

 

グローバルメニューの１つ１つの幅を調整する方法

それでは、方法をご紹介しますが、ここではクール版について説明します。
※幅の調節は、各テンプレートによって若干違います。

 

1.ダッシュボードメニューの「外観」から「テーマ編集」をクリックします。

 

2.テーマ編集の右側にある「cool-white○○.css」をクリックします。

 

3.中央のソース部分から、下記ソースを探します。

 

4.「padding: 0 50px 0 26px;」の部分を調整します。
ここでは、50PXが右側の幅、26PXは左側の幅を表しています。

 

5.今回は、例として 0.30px.0.20pxぐらいで調整してみました。
下記のソースのように変更して保存します。

 

6.このように、文字の感化をを詰めることが可能です。

 

以上、グローバルメニューの幅の調整方法でした。