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%;」としてみてください。
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!