ページ上部の空白スペースを削除する
概要
この記事では、DebutやNarrativeなどのShopify無料テーマをPageFlyと統合する際に、ページ上部の空白スペースを削除する方法を説明します。
ページ上部の余白を削除するには？
ページ上部の余白の削除方法や、テーマの競合に関連するその他の問題について、より視覚的に理解するには、このビデオを参照してください。
ステップ1：カスタムコードエディターにアクセスする
カスタムコードエディターを開くには、左サイドバーの下部にある「カスタムコードエディター」アイコンをクリックします。
ステップ2：カスタムコードをCSSセクションに挿入する
コードをここから取得し、カスタムコードエディターのカスタムCSSタブに貼り付けます。
ステップ3：ページを公開する
ページを公開するには、保存ボタンをクリックしてから公開ボタンをクリックします。ライブビューボタンをクリックして結果を確認できます。
ヒントとベストプラクティス
ページ下部の余白を削除する
PageFlyでNarrativeテーマを使用している場合、PageFlyページとフッターの間に、ページ下部に空白スペースが表示されることがあります。
コードをここからコピーし、カスタムコードエディターのCSSタブに貼り付けてデザインを更新するだけです。
Debutテーマの場合は、この空白スペースを削除するために、このコードをカスタムコード（CSSタブ）セクションに追加します。他のテーマで同様の問題が発生した場合は、ライブチャットでお気軽にお問い合わせください。
よくある質問
1. Shopifyページの最上部の空白スペースを削除するにはどうすればよいですか？
空白スペースを削除するには、カスタムコードエディターを開き、提供されているカスタムコードをCSSセクションに挿入します。変更を保存して公開することを忘れないでください。
2. ページがライブになる前に変更を確認できますか？
はい、変更を保存して公開した後、ライブビューをクリックしてページの外観を確認できます。
その他のリソース
Last updated
Was this helpful?