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

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

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

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

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

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

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

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

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

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

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

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

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

Last updated 9 months ago

Was this helpful?