Website moves left and right on all pages on mobile

umrraz90 · ‎10-27-2024

I’m experiencing an issue with my Shopify website on mobile where the entire site can be slid horizontally left and right. This happens on all pages of the site.

theflowerstudiobyroo.co.uk

I would like assistance in identifying the cause of this issue and possible solutions to resolve it.

Thank you

Olllie · ‎10-28-2024

Hey,

Just checking in to see if this issue has been sorted. I’ve tested it on both my browser’s mobile emulator and my phone, and I’m not seeing any horizontal sliding.

Horizontal movement on mobile is generally caused by an element being wider than the page. There are two ways to address this:

Identify and adjust the specific element’s sizing. This is the best approach, as horizontal overflow usually happens when an element’s width exceeds the viewport. Setting width or max-width: 100% on the element can prevent this without restricting scrolling.
Set overflow-x: hidden; on the parent container (usually <body> or <html>) as a fallback. This will prevent horizontal scrolling but should be used sparingly, as it hides any content that overflows rather than fixing the root cause.

Let me know if you’re still experiencing any issues—I’m happy to investigate further.

Best,

Ollie

Ollie | Founder & Developer of autoBlogger and autoSchema

autoBlogger: Seamlessly scheduled, fully automated, AI-powered, and SEO-optimised blogging with FAQs, table of contents and other features! Start your 14-day free trial today!

autoSchema: Fully automated and continuously updated Google structured data, including duplicate data removal. Simple to install – try it now!

Discover more at autoBlogger.bot!

Website moves left and right on all pages on mobile

Website moves left and right on all pages on mobile

Community Blog Articles