ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

TCDテーマVENUS:メニューが2段になった時に修正する方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q. TCDテーマVENUSのメニューがなぜか2段になりました。

なぜ2段になるかというと、VENUSのテーマ仕様では、メニューの数は最大6つまでが理想的なんですね。
各メニュー項目の横幅が16%に設定されていますので、そこを修正する必要があります。

▼変更箇所イメージ
変更箇所イメージ

A.下記の方法でご対応ください。

外観>TCDテーマオプション>基本設定のカスタムCSSに入力して、各メニュー横幅を変更します。

.pc #global_menu > ul > li {
width: 16%; min-width: 150px; }

たとえば、8個メニューを並べたい場合はwidth:16%の部分をwidth:12.5%に、7個であれば14%変更してみて下さいね。

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

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

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