Horizontal scroll - Homepage on Mobile scrolling left and right.

Technical Q&A
, , , ,
1

Website on mobile is scrolling scrolling left and right.
How do I disable this and does this have anything to do with your CLS (Cumulative Layout Shift)?

1 Like
2

Hey @SeoKnox

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

3

That is just causing scroll to be disabled.

4

Hi @SeoKnox

Maybe it’s usually caused by content (like images, videos or divs) wider than the screen, so head to your SHopify admin under Online Store > Themes > Customize and take a look at your homepage sections for anything too big. resize images to mobile sizes (like 100% or max 768px). You can also add a quick CSS hack in Customize > Theme Settings > Custom CSS with body { overflow-x: hidden; } to disable that left-right wiggle.

And as for CLS (Cumulative Layout Shift), it’s connected but different, CLS tracks things shifting after they’ve loaded, not side-scrolling, so fixing this might help your score indirectly by grounding layout