Mobile layout issues

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

Here is my site Read-Only:
(how to share your site Read-Only link)

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:

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