White space on the right side of website on mobile

Technical Q&A

Topic summary

A user reports white space appearing on the right side of their Shopify website (aromaticaparfum.com) when viewed on mobile devices, accompanied by a screenshot showing the issue.

Proposed Solution:

  • Add CSS code to hide horizontal overflow:
    html,
body {
  overflow-x: hidden;
}
  • Implementation: Navigate to Online Store > Themes > Customize > Theme settings > Custom CSS

Status: Solution provided but not yet confirmed as resolved by the original poster.

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

IMG_9043.png
IMG_9043.png1125×2436 222 KB

Hi. There’s a white space on the right hand side of my website aromaticaparfums.com on mobile version

how do you remove it?

2

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings to solve this issue.

html,
body { overflow-x: hidden; }