画面上部の余白が消えません。

Topic summary

ユーザーがShopifyストアのカスタマイズ中(テーマ:Rise使用)に、画面上部の余白が削除できない問題に直面しています。

試した対処法:

  • Devツールでbody以外の全要素を削除
  • 複数ブラウザでの確認
  • ブラウザ拡張機能の干渉チェック
  • bodyに付与された.gradient.vertical-lift-hover--animateクラスの削除

いずれの方法でも余白は残ったままです。

現状:
スクリーンショットが添付されており、別のユーザーが「bodyのmarginスタイルが原因では」と指摘していますが、具体的な解決策はまだ提示されていません。技術的なトラブルシューティングが継続中の状態です。

Summarized with AI on November 5. AI used: claude-sonnet-4-5-20250929.

現在、ストアのカスタマイズ(themeはriseを使用)を行っておりますが、画面の上部の余白が削除できずに困っています。

Devツールを使い、body以外のすべての要素を削除しても残ります。

他ブラウザによるチェックやブラウザの拡張機能の干渉チェックなどは行いましたが、どの環境でも残ってしまいます。

bodyに下記の2つのクラスがついていますが、こちらを削除しても消えません。

【1】.gradient

【2】.animate–hover-vertical-lift

心当たりのある方、どんな情報でも結構ですのでご教授ください。

※マウスでドラッグすると文字選択時のような状況になり、ctrl+cでcopyしても何もコピーできません。

1 Like

添付されているスクリーンショットに限定した話であれば、「スタイル」内に記載されているとおりbodyタグのmarginかと思います。