Mobile Navbar Acting Up

Hey, I have a hamburger menu for the site, however, it is broken on mobile, but not on the webflow mobile preview. The navbar sits perfectly fine up top, but when extended (on mobile) the navbar menu falls behind the hero section (only on mobile).

Could anyone help me understand why this is happening

Thank you in advance.


Webflow preview

Live site