# モバイル用のセクション間の余白を縮めたい

**URL:** <https://community.shopify.com/t/topic/344842>\
**Category:** 技術的なQ＆A\
**Tags:** css, html\
**Created:** [August 2, 2024, 6:39am UTC](https://community.shopify.com/t/topic/344842 "2024-08-02T06:39:19Z")\
**Posts on this page:** 1\
**Page:** 1

## AI-generated summary

モバイル画面で、画像バナーとマルチカラムのアイコンセクション間の余白が広くなってしまう問題が報告されています。

**状況:**
- デスクトップでは問題なし
- モバイルのみで余白が広い
- 途中から発生した可能性がある

**推測される原因:**
- 画像バナーの設定に関連している可能性

投稿者はコードの詳細を理解していないため、具体的な解決方法や設定箇所についてアドバイスを求めています。画像も添付されているようですが、現時点で他のユーザーからの回答はまだありません。

<div class="post-metadata">

**Author:** ![Anonymous\_61092b3fc5e108c0c3057eafc0ae8d89](https://avatars.discourse-cdn.com/v4/letter/a/e36b37/32.png) [@Anonymous\_61092b3fc5e108c0c3057eafc0ae8d89](https://community.shopify.com/u/Anonymous_61092b3fc5e108c0c3057eafc0ae8d89)\
**Post date:** [August 2, 2024, 6:39am UTC](https://community.shopify.com/t/topic/344842/1 "2024-08-02T06:39:19Z")

</div>

モバイル用の画面についてお伺いします。

ページのトップの上は画像バナー、下にはマルチカラムでアイコンを並べています。そのセクション間の余白が広くなってしまい、これを縮めたいのです。デスクトップの方は問題ないのですがモバイルでのみ余白が広くなってしまいます。

途中からこうなってしまった記憶なので何かいじったからだとおもうのですが・・・・。

おそらく、画像バナーの方の設定かなと思っているのですがわかりません。

私はコードなど難しいことは理解していません。

どなたかご教示ください。

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

 ![１.jpg](https://canada1.discourse-cdn.com/shopifyforum/original/4X/7/4/b/74b10a988eb20a1afc007173606e92dcc68f818a.jpeg)