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; } }
補足)
ページ上部分を非表示とすると、間が詰まっているように見えますため、上記の記述ではキャッチフレーズの上部分に余白を設けております。数値は適宜ご変更くださいませ。
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!