How Do I Decrease The Space Shown In The Image On Mobile?

Store Design
, ,

Topic summary

A user is experiencing excessive spacing on their product page (specifically on a long-sleeve jumpsuit listing) that only appears on mobile devices.

Proposed Solution:
A support representative from PageFly provided a three-step fix:

  • Navigate to Online Store → Theme → Edit code
  • Locate the theme.liquid file
  • Add custom CSS/markup code at the bottom of the file

The solution targets mobile-specific spacing issues through theme customization. The thread appears to be awaiting confirmation on whether the proposed code successfully resolved the problem.

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

https://charmente.com/products/long-sleeve-jumpsuit

this issue is only on mobile, thank you!

IMG_5635.jpg
IMG_5635.jpg1170×2532 248 KB

2

Hi @Simon159 ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly