Mobile layout issues

Design help General
1

I am having issues with my mobile layout scrolling sideways into an undesigned section.

You can view it in action here

I would prefer it doesn’t do that.

Also the buttons are not showing or working when trying to navigate on mobile

https://preview.webflow.com/preview/markjohnes?utm_medium=preview_link&utm_source=designer&utm_content=markjohnes&preview=e805c8d88a781ac8a12e532ae7c99b14&mode=preview

Here is my site Read-Only: https://preview.webflow.com/preview/markjohnes?utm_medium=preview_link&utm_source=designer&utm_content=markjohnes&preview=e805c8d88a781ac8a12e532ae7c99b14&mode=preview
(how to share your site Read-Only link)

2

Does your site scroll horizontally/could you post a live preview?

On first glance, the issue appears to be involving the overflow-x property. When visible, it adds horizontal scroll bars to content that overflows the element’s left or right edges.

Here’s a pretty simple explanation: overflow-x | Codrops

3

No it does not scroll horizontally. My original post has a live preview.