> For the complete documentation index, see [llms.txt](https://help.pagefly.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.pagefly.io/pagefly-help-center-japanese/faqtotoraburushtingu/troubleshooting/live-site-issue/remove-blank-space-on-top-of-the-page.md).

# ページ上部の空白スペースを削除する

### 概要

この記事では、DebutやNarrativeなどのShopify無料テーマをPageFlyと統合する際に、[ページ上部の空白スペースを削除する方法](https://help.pagefly.io/manual/remove-blank-space-on-top-of-the-page/)を説明します。

![](/files/BndETBJY61GiwLrs943O)

### ページ上部の余白を削除するには？

ページ上部の余白の削除方法や、テーマの競合に関連するその他の問題について、より視覚的に理解するには、このビデオを参照してください。

{% embed url="<https://youtu.be/ESEMMkd3c8Y?si=g2hXesSADFXpWIqv>" %}

#### ステップ1：カスタムコードエディターにアクセスする

カスタムコードエディターを開くには、左サイドバーの下部にある「**カスタムコードエディター**」アイコンをクリックします。

#### ステップ2：カスタムコードをCSSセクションに挿入する

[コード](http://pastebin.com/raw/GSHtHKZy)をここから取得し、カスタムコードエディターのカスタムCSSタブに貼り付けます。

![](/files/jcm8mbyu31WcAaPXDW0i)

#### ステップ3：ページを公開する

ページを公開するには、**保存**ボタンをクリックしてから**公開**ボタンをクリックします。ライブビューボタンをクリックして結果を確認できます。

### ヒントとベストプラクティス

#### ページ下部の余白を削除する

PageFlyでNarrativeテーマを使用している場合、PageFlyページとフッターの間に、ページ下部に空白スペースが表示されることがあります。

![](/files/opEzOow7YlJt93TE6Y22)

[コード](http://pastebin.com/raw/KDy222sg)をここからコピーし、カスタムコードエディターのCSSタブに貼り付けてデザインを更新するだけです。

![](/files/Bbv5k7As96RskrfvjV95)

Debutテーマの場合は、この空白スペースを削除するために、[このコード](https://pastebin.com/raw/vzbmR096)をカスタムコード（CSSタブ）セクションに追加します。他のテーマで同様の問題が発生した場合は、ライブチャットでお気軽にお問い合わせください。

### よくある質問

**1. Shopifyページの最上部の空白スペースを削除するにはどうすればよいですか？**

空白スペースを削除するには、カスタムコードエディターを開き、提供されているカスタム[コード](http://pastebin.com/raw/GSHtHKZy)をCSSセクションに挿入します。変更を保存して公開することを忘れないでください。

**2. ページがライブになる前に変更を確認できますか？**

はい、変更を保存して公開した後、ライブビューをクリックしてページの外観を確認できます。

### その他のリソース

* [テーマプレビューモードでページが完全に表示されない](https://help.pagefly.io/manual/page-not-fully-displayed-in-theme-preview-mode/)
* [Coming Soonページ | PageFlyで作成する方法](https://help.pagefly.io/manual/how-to-create-a-coming-soon-page-with-pagefly/)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.pagefly.io/pagefly-help-center-japanese/faqtotoraburushtingu/troubleshooting/live-site-issue/remove-blank-space-on-top-of-the-page.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.