WordPressテーマTCDのカスタマイズを研究するサイト

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」

関連記事

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCDLaboへのお問合せやご要望は
ご連絡フォーム をご利用ください。