「TCD AWARD 2023」受賞サイトを発表しました。

ワードプレステーマ別

TCDテーマVOGUE:ヒーローヘッダーの表示を1枚のみに変更したい

Q.トップページのヒーローヘッダーの表示を一枚だけにしたいのですが設定の仕方を教えてください。

「VOGUE」のトップページは、動画&静止画の組み合わせが可能なブラウザいっぱいに広がる四分割のヒーローヘッダーを実現しておりますが、分割せず1枚のみ表示したい場合は下記をご参照ください。

A.カスタムCSSに下記コードを追加することで可能です

ダッシュボード左メニュー[外観]→[テーマオプション]→[基本設定]タブ内にあるカスタムCSSに、
下記のコードを追加します。

.p-hero-header__nav-item {width: 100%!important;}

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

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

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