採用サイト制作に最適なWordPressテーマ「ISSUE」の機能概要

ワードプレステーマ別

TCDテーマNANO:固定ページでページヘッダーを表示しない方法

Q.固定ページのデフォルトテンプレートのヘッダ以下のスペースを狭くするにはどうしたらよいでしょうか。

NANOの固定ページでは「ページヘッダー設定」で各ページごとにページヘッダーの内容を詳細に設定頂ける仕様となっております。

BIRTHなどの一部TCDテーマでは、固定ページのテンプレートから「ページヘッダー(ページタイトル)なし」を選択出来るものもあります。

 
▼変更箇所イメージ
変更箇所イメージ

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

各固定ページの編集画面のカスタムCSSに下記を入力

.p-cover { display: none; }
@media only screen and (min-width: 1200px) {
 .p-archive-header__title { margin-top: 80px; }
}

 
グローバルメニュー、ヘッダーどちらも非表示としたい場合は下記CSSをご入力ください。

.p-cover, .l-header { display: none; }
@media only screen and (min-width: 1200px) {
 .p-archive-header__title { margin-top: 80px; }
}

補足)
ページ上部分を非表示とすると、間が詰まっているように見えますため、上記の記述ではキャッチフレーズの上部分に余白を設けております。数値は適宜ご変更くださいませ。

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

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

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