Mobile vertical scrolling

[LeandroS]

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!

[ZestardTech]

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?

[LeandroS]

Hi yes

Website: www.gogghi.ch

password: GOGGHI10NEWWEBSITE2025

Thanks!

[ZestardTech]

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.

[LeandroS]

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?

[LeandroS]

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..

[topnewyork]

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 </head>

Note: This code for only mobile version.

<style>
@media (max-width: 768px){
.gradient {
    overflow-x: hidden !important;
}
} 
</style>

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

[LeandroS]

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?