# トップページの右側に空白ができてしまう件

**URL:** <https://community.shopify.com/t/topic/357126>\
**Category:** 技術的なQ＆A\
**Created:** [September 11, 2024, 9:51am UTC](https://community.shopify.com/t/topic/357126 "2024-09-11T09:51:55Z")\
**Posts on this page:** 2\
**Page:** 1

## AI-generated summary

トップページ（SP・PC両方）の右側に余白が発生し、下部に横スクロールバーが表示される問題が報告されています。

**環境・構成：**
- テーマ：Rise（ヘッダー・フッターのみ使用）
- PageFlyの無料テンプレートを本ページに埋め込んで構築中
- 商品ページには余白は発生していない

**回答内容：**
回答者が確認した時点では余白は見られなかったため、既に解決済みの可能性があります。一般的な原因として、何らかの要素の横幅（width）が固定値（例：〇〇px）で指定されている場合にこのような余白が発生することが指摘されています。

質問者はHTML・CSSの知識が乏しいと述べており、技術的なサポートを求めています。

<div class="post-metadata">

**Author:** ![Anonymous\_e2d61122648c77b8f02e8457e00ce6e9](https://avatars.discourse-cdn.com/v4/letter/a/ce73a5/32.png) [@Anonymous\_e2d61122648c77b8f02e8457e00ce6e9](https://community.shopify.com/u/Anonymous_e2d61122648c77b8f02e8457e00ce6e9)\
**Post date:** [September 11, 2024, 9:51am UTC](https://community.shopify.com/t/topic/357126/1 "2024-09-11T09:51:55Z")

</div>

SPページ、PCページともにトップページにて右側に余白ができてしまい、ページ下部にスライドバーが出てきてしまいます。

テーマ自体はRiseを使用しております（こちらはヘッダー、フッターのみとなります）

本ページの部分にはPageFlyの無料テンプレートを埋め込みして、自社で構築をしている途中です。

初心者で上記のスペースについて、CSSやHTMLの知識も乏しく解決できておりません。

どなたか教えていただけると助かります。

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

※商品ページついては余白はございません。

ページ

[https://annekor.shop/](https://annekor.shop/)

---

<div class="post-metadata">

**Author:** ![Naru\_05](https://avatars.discourse-cdn.com/v4/letter/n/e0b2c6/32.png) [@Naru\_05](https://community.shopify.com/u/Naru_05)\
**Post date:** [September 13, 2024, 1:35am UTC](https://community.shopify.com/t/topic/357126/2 "2024-09-13T01:35:02Z")

</div>

さくらい 様

はじめまして。  
見たところ余白は確認出来ませんでしたので既に解決していたらご参考までに。  
そういった余白が出る場合、何かしらの要素の横幅(width)が〇〇pxなどで固定されているのが考えられます。  
ご確認ください。