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

ワードプレステーマ別

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

WordPressテーマ「NULL」

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

ダウンロード

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

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

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

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

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

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

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

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