Horizontal scroll issue: Site Scrolling Side to Side While Scrolling


I’m having issues with the website in the mobile version. While scrolling up and down it also moves horizontally. However, when I pinch to zoom out it becomes static and does not move horizontally anymore. Is there any way to make it static in the first place?

P.S.: This is my first website which I initially cloned. I’m trying to figure out what is the issue by exploring existing topics but none of them helped my case. Hope you could find out what’s the issue and thank you in advance!

Here is my site Read-Only: [LINK][1]

You have that issue on all breakpoints actually.

It happens because some content is bleeding outside of the viewport, setting a general width for the page that’s wider than the viewport, hence the horizontal scroll.

Select the Desktop breakpoint.
Select your Page Wrapper element and click on Overflow Hidden in the Style tab.
If it makes Sticky animations bug, then apply the overflow to the sections where there’s no sticky content. Otherwise let the overflow hidden on the page break.

Thank you for helping! It worked!