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

ワードプレステーマ別

TCDテーマVOGUE:固定ページヘッダーの高さを変更する方法

Q.固定ページでヘッダーの高さを小さくしたいのですが、変更することは可能ですか。

▼変更箇所イメージ

A.該当の固定ページ編集画面下にございます「カスタムCSS」の最下部に下記をコピー&ペーストして表示をお確かめください。

.p-page-header {
    height: 300px;
    padding-bottom: 0; 
}
.p-page-header__inner {
    height: 150px;
}

ご希望の表示になるように数値は適宜変更してください。

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

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

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