TCDテーマNEXTAGE:グローバルナビのプルダウンメニューの文字を全て表示する。

Q.グローバルナビのプルダウンメニューの表示文字数を変更することは出来ますか?

グローバルナビのプルダウンメニューの文字数が多いと途中で切れてしまい全ての文字を表示することが出来ない仕様となっております。文字数が多いメニュー名の全ての文字を表示する方法をご紹介させていただきます。

A.「外観」>「テーマオプション:基本設定」の「ユーザー定義CSS」に<例:2行にする場合>のCSSを記述いただきまして調整してください。

当テーマのグローバルナビのサブメニューの横幅を固定にしている為起こる現象ですので該当メニューのCSSを再調整していただき行を増やす形で表示文字数を調整いただけます。

<例:2行にする場合>
li#menu-item-●●● a { height:40px !important; line-height:110% !important; padding-top:15px !important;}

上記CSSの●●●は、ブラウザ上で右クリックして「ページのソースを表示」などでソースを表示いただきまして、2行にしたいメニュー名のタグ内にに表示されているidを参照してください。

以下ソースですと「li id=”menu-item-292″」の「292」の数字となります。

	<li id="menu-item-292" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-292">

他、箇所の指定するクラスをお調べになる方法は
Firefoxアドオン「Firebug」をご活用いただくことで簡単に調べられます。

サイトのカスタマイズが劇的に捗るFirefoxアドオン「Firebug」

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

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

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