Mobile vertical scrolling

Store Design
, ,

Topic summary

A user is experiencing unwanted horizontal scrolling on their mobile website (gogghi.ch). The site can be swiped left and right, which doesn’t occur on desktop or other mobile sites.

Key observations:

  • The issue appears related to the mobile version being slightly zoomed in
  • Zooming out manually with fingers stops the horizontal scrolling
  • A support member couldn’t initially reproduce the problem

Attempted solution:
Another user provided CSS code to add to the theme.liquid file (before </head>) targeting mobile only. However, this fix created new problems:

  • Hamburger menu stopped functioning
  • Product images developed rounded corners only on top

Current status:
The discussion remains unresolved. The user is seeking an alternative solution that prevents horizontal scrolling without breaking the navigation menu or affecting product image styling.

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

Hello

I am encountering a problem on my website on MOBILE version

i can “scroll” left and right on the whole page.. I want the site to be fixed to it cant be scrolled from left to right

i made a screen recording and will put it here to easy see what I mean

thanks for the help!

2

Hello @LeandroS ,

Could you please provide the URL/ password to your store so that I can check it and provide you with the exact solution?

3

Hi yes

Website: www.gogghi.ch

password: GOGGHI10NEWWEBSITE2025

Thanks!

4

Hello @LeandroS ,

I have reviewed your design and was unable to identify the horizontal scrolling issue in the mobile version. Kindly recheck and let me know if there are specific details I might have missed.

Thank you.

5

on the desktop it doesn’t move a bit.

i went to some other websites on mobile and it also doesn’t move a bit when i try to wipe or scroll from left to right…

don’t know why its happening on my mobile version..

its like in the video i posted

is there a code or something to prevent the site from doing that?

6

it seems like when i go to the website that it is slightly zoomed in.

when i zoom out with my fingers then it stops with the horizontal scrolling..

7

Hi @LeandroS

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

Note: This code for only mobile version.

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

8

hi thanks! it prevents it but

if i paste this i cant open my hamburger menu anymore.. and my product pictures have rounded corners just on the top..

is there another solution?