Horizontal scroll - Mobile Version of my homepage moves to left and right

Store Design

Topic summary

A user reported horizontal scrolling issues on the mobile version of their Shopify store (piecesofthem.com.au), causing unwanted white space and left-right movement.

Solutions Provided:

Multiple users offered CSS-based fixes involving:

  • Editing the theme.liquid file in the theme code editor
  • Adding CSS code to hide horizontal overflow using overflow-x: hidden !important; on the html and body elements
  • Placement varied: one suggested above the </body> tag, another above the </head> tag

Resolution:

The issue was successfully resolved using one of the provided CSS solutions. The original poster confirmed the fix worked, though one respondent noted they couldn’t reproduce the scrolling issue when checking the site.

Status: Resolved

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

Hi Team,

I have an issue with my website only on mobile version where it has a horizontal scroll on the home page and all other pages.

My website is: www.piecesofthem.com.au

Is there any way I can fix this so there isn’t a big white sp

1 Like
2

Hey @piecesofthem

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1740375791898.png
Moeed_0-1740375791898.png352×755 185 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
3

Hello,

I have checked the website but mobile view not scroll show and website working in fine

Thanks

4

Hi @piecesofthem

I hope you are well. You can follow our instructions below:
1/ Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
2/ Search for “theme.liquid” file: https://prnt.sc/b6xveIKe-Rh2
3/ Open the file and search for tag and add the following code above tag: https://prnt.sc/KWtKYyZkDtYJ

Here is the code for Step 3:

{% style %}
html, body {
    overflow-x: hidden !important;
}
{% endstyle %}

Please let me know if it works. Thank you!Best,
Daisy - Avada Support Team.

5

This has fixed the problem, thank you so much!

1 Like
6

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.