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

ワードプレステーマ別

TCDテーマGENESIS:メガメニュー「サービス」をスクロールせずに4つ表示する方法

WordPressテーマ「NULL」

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

ダウンロード

Q.メガメニュー「サービス」に4つ登録しているのですが、4つ目が横にスクロールしないと表示されません。スクロールせずに横幅を詰めて、4つを表示させることは可能でしょうか?

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

A.カスタムCSSで調整可能です。

以下の記述をTCDテーマ>基本設定>カスタムCSSにご入力ください。

.megamenu_b.use_carousel .item { width: calc(var(--vw)* 18); }

5つ以上表示させたい場合は、「18」の値を「15」などの小さい値に変更することで対応可能です。ただし、あまり多く表示すると視認性が悪くなるため、表示数は多くても4つ程度に留めることをお勧めします。

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

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

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