高機能な不動産物件ポータルサイトが作成できるWordPressテーマ「GRAVITY」
ワードプレステーマ別

TCDテーマGRAVITY:メガメニュー「バナーリスト」を3カラムで表示する方法

WordPressテーマ「NULL」

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

ダウンロード

Q.メガメニュー「バナーリスト」で、アイテムを4つ並びではなく3つ並びで表示させたいです。

▼変更後のイメージ   →変更前:GRAVITYデモサイト
変更箇所イメージ

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

TCDテーマ>基本設定>カスタムCSSに入力して調整します。

.p-megamenu02__list {
    grid-template-columns: repeat(3, 1fr); }
.p-megamenu02__item-title {
    padding-inline: 15% 15%; }

補足)
「padding-inline: 15% 15%;」の前の数値を変更すると見出しの位置を調整できます(見出しの左右余白を指定しています)。長い見出しを改行させずに表示させたい場合は「padding-inline: 10% 15%;」としてみてください。

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

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

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