[yukif95]

【お使いの Snow Monkey のバージョン】バージョン: 14.0.7
【お使いの Snow Monkey Blocks のバージョン】バージョン 11.1.0
【お使いの Snow Monkey Editor のバージョン】バージョン 5.0.2
【お使いのブラウザ】Google Chrome
【当該サイトのURL】まだ公開前のサイトなのでURLはお送りできません…

### 実現したいこと

キービジュアルの上にヘッダーをオーバーレイさせたい。

### 発生している問題

ヘッダーとキービジュアルの間に隙間ができてしまう。

### 試したこと

ホームページ設定にて「ホームページのコンテンツエリアに上下余白を追加する」のチェックは外しています。追加CSSは何も指定していません。

< オーバーレイ >

< 固定 >

検証ツールで確認するとdiv class="l-contents__inner"のpaddingがあたっているようなのですが、なぜそれがあたるようになってしまったのか全く分かりません。

お手数をおかけいたしますが、解決策をご教示いただきたく存じます。よろしくお願い申し上げます。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

現状だと、

• 基本的に .l-contents__inner には margin-top と margin-bottom がつく。
• .l-contents__inner がその親の中で最初の要素の場合は margin-top が消えてpadding-top` がつく。
• .l-contents__inner がその親の中で最後の要素の場合は margin-bottom が消えてpadding-bottom` がつく。
• フル幅テンプレートのときは padding-top と padding-bottom が 0 になる。
• 「ホームページのコンテンツエリアに上下余白を追加する」にチェックすると、.p-section-front-page-content の padding-top と padding-bottom が 0 になる。

となっています。なのでおそらくページのテンプレートがフル幅以外のテンプレート、例えば1カラムや右サイドバーなどになっているのではと思うのですがどうでしょうか？

♥ 0

いいねをした人: 居ません

[yukif95]

おっしゃる通り1カラムになっていました。フル幅にしたら無事解決しました！

とても助かりました。ありがとうございます！

♥ 1

いいねをした人:

[投稿者]

投稿