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

**URL:** <https://community.shopify.com/t/topic/363906>\
**Category:** 技術的なQ＆A\
**Tags:** html\
**Created:** [October 5, 2024, 6:50am UTC](https://community.shopify.com/t/topic/363906 "2024-10-05T06:50:16Z")\
**Posts on this page:** 2\
**Page:** 1

## AI-generated summary

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

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

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

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

<div class="post-metadata">

**Author:** ![hiro-ksw](https://avatars.discourse-cdn.com/v4/letter/h/43a26b/32.png) [@hiro-ksw](https://community.shopify.com/u/hiro-ksw)\
**Post date:** [October 5, 2024, 6:50am UTC](https://community.shopify.com/t/topic/363906/1 "2024-10-05T06:50:16Z")

</div>

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

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

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

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

【1】.gradient

【2】.animate–hover-vertical-lift

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

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

 ![CleanShot 2024-10-05 at 15.45.57.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/7/8/78c6dae62f69a3ecc21b4a070dd0f6d074d707fc.png)

---

<div class="post-metadata">

**Author:** ![Jizo\_Inagaki](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/jizo_inagaki/32/149480_2.png) [@Jizo\_Inagaki](https://community.shopify.com/u/Jizo_Inagaki)\
**Post date:** [October 7, 2024, 4:53am UTC](https://community.shopify.com/t/topic/363906/2 "2024-10-07T04:53:15Z")

</div>

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