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

概要

この記事では、DebutやNarrativeなどのShopify無料テーマをPageFlyと統合する際に、ページ上部の空白スペースを削除する方法を説明します。

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

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

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

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

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

コードをここから取得し、カスタムコードエディターのカスタムCSSタブに貼り付けます。

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

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

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

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

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

コードをここからコピーし、カスタムコードエディターのCSSタブに貼り付けてデザインを更新するだけです。

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

よくある質問

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

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

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

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

その他のリソース

• テーマプレビューモードでページが完全に表示されない

• Coming Soonページ | PageFlyで作成する方法