Weird page scaling on mobile

Hi,
I’m trying to create a responsive page and everything seems to be going well. In the Webflow editor, the page scales well, but when I scale the published version or use it on my phone, extra width is given to the page. I couldn’t find anything that was extending out that far and for some reason, the site works perfectly if I request the desktop version on my phone.
Hopefully, someone here can figure out whats going on.
Thanks


Here is my site Published: LINK
Here is my site Read-Only: LINK

Turns out my hamburger menu was being shot into oblivion for some reason. I think I messed up the margins of the heading

Here is the source of your issue.

.container {
  margin-left: 987px;
}

CloudApp