[ゆう]

【お使いの Snow Monkey のバージョン】15.12.1
【お使いの Snow Monkey Blocks のバージョン】13.0.2
【お使いの Snow Monkey Editor のバージョン】6.2.1
【お使いのブラウザ】Chrome
【当該サイトのURL】https://www.smtest.gaptimeprogramer.com/

### 実現したいこと

ヘッダー下の余白を消したいです

### 発生している問題

上記サイトのヘッダーとメイン画像(swiperを使用したスライダー)との間に生じている余白を消したいです。

### 試したこと

検証ツールで確認したところ、
body タグのline-heightを0にすることで解消されましたが、この方法が他に影響を与えないかがわからず質問させて頂きました。

よろしくお願いいたします。

♥ 0

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

[キタジマ タカシ]

カスタマイザー → ホームページ設定 → ホームページのコンテンツエリアに上下余白を追加する、にチェックが入ってないですかね？

body タグのline-heightを0にすることで解消されましたが、この方法が他に影響を与えないかがわからず質問させて頂きました。

めちゃあると思うのでそれはやめたほうが良いと思います。

♥ 0

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

[ゆう]

キタジマ様

ご回答ありがとうございます。

上下余白を追加する、のチェックは外しておりますが、余白が残っている状態です。

♥ 1

いいねをした人:

[キタジマ タカシ]

なんでかはわかりませんが、.hero の中を空っぽにしても .hero が一定の高さを持っちゃいますね。良い解決策かはわかりませんが、とりあえず

.hero {
  line-height: 0;
}

とすると余計な高さはなくなるようです。

♥ 0

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

[キタジマ タカシ]

もしかして

<div class="hero">
　<div class="swiper-container">

の .hero と .swiper-container の間に全角空白があったりしますかね？よくわかりませんが

<div class="hero"><div class="swiper-container">

としたら消える気がします。

♥ 0

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

[ゆう]

今確認したところ、全角余白がありました・・・

削除することで解決しました。
初歩的なミスですみませんでした。

♥ 1

いいねをした人:

[投稿者]

投稿