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

グローバルメニューの各項目の幅を調整したい

Q.グローバルメニューの各項目の幅の調整方法

グローバルメニューに複数の項目を設定した場合、一つ一つのメニューの幅を調整出来ませんか?
メニュー数が少ない時、一つ一つのメニュー幅(縦罫線の区切り)が長いので調整したいです。

A.cssファイルとjsファイルの編集が必要です

項目名は8文字以内、項目数も画面に収まる範囲内(6~7個程度)が、レイアウトが崩れずに表示される推奨設定となっていますが、これを変更する場合はCSSおよびJSファイルのカスタマイズが必要です。

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

#global_menu { width:●●●px; height:63px; z-index:30;
position:absolute; bottom:7px; left:○○○px;

※width:●●●(初期値980px)およびleft:○○○(初期値0px)の値を変更してください。


編集するファイル:jscript.js
編集する箇所:

var aWidth =●●●/n_size;

●●●数値部分を①で編集したstyle_pc.cssの数値に合わせて変更してください。

関連記事

TCD LABO ご利用上の注意

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

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

お問合せ・ご要望

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