Sure scrolling right to left on mobile

Store Design
, , , , , , , , , , , , ,

Topic summary

A Shopify store owner encountered unwanted horizontal scrolling on mobile devices.

A suggested CSS fix was provided:

  • Add overflow-x: hidden to the body element in the theme’s CSS file
  • Target mobile devices using a media query for screens under 768px width

However, the original poster resolved the issue differently by identifying and removing a specific section containing images that extended beyond the viewport boundaries. The CSS code suggestion was tested but did not solve the problem in this case.

Status: Resolved through section deletion rather than CSS override.

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

Hi,

my site https://eftfkw-vc.myshopify.com

on mobile scrolls left to right. I can’t find the element making it happen. Is there a code that would help?

thanks

2

Hello,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css Add the provided code at the end of the file.

@media (max-width: 768px) {
  body {
    overflow-x: hidden;
  }
}
3

Thanks I fixed I found the section overflow

4

Please mark the solution.

5

Solution was to delete a section that had images overlap the sides. The code yoj provided I tried before you replied it doesn’t seem to work but thanks