Website Scrolling to the Side

Store Design

Topic summary

A website is experiencing an unwanted horizontal scroll bar at the bottom of the page, allowing users to scroll sideways. The issue was identified on a client’s landing page.

Solution provided:

  • Access Online Store → Edit Code → theme.liquid file
  • Add CSS code (overflow-x: hidden;) just before the closing </body> tag
  • This prevents horizontal scrolling by hiding overflow content

Resolution: The original poster confirmed the solution works. Multiple users offered the same fix, suggesting this is a common Shopify theme issue typically resolved by controlling CSS overflow properties.

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

Hey guys, need some help with this.

For some reason my clients website is scrollable to the side.

Hard to explain, but there’s a scrollable bar at the bottom of the screen (like their is on the side of all websites), and it allows you to scroll to the right.

I’ve attached an image - here’s the link to the website: https://www.hclothing.com/

Screenshot 2024-07-12 at 17.58.40.png
Screenshot 2024-07-12 at 17.58.40.png2880×1800 796 KB

2

Hey @SamFarwell

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

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

Best Regards,
Moeed

1 Like
3

Hi @SamFarwell
Please put this code in theme.liquid before body closing tag

I hope, it will help you

Thanks!

4

Thanks!

This works.