Div popping out of place

Hi all,

I’m working on a site and I’ve run into a glitch I can’t fix. A div pops out of place when I scroll down the page, which is not intentional.

If you check the read-only link, the logo in the top center of the page becomes fixed on Mobile devices. This is so it leaves more space for navigation. After scrolling half-way down the hero section, it pops back into its former place, displacing the navigation links.

Can anyone please help me figure out what’s causing it and how to fix it?

Thank you.


Here is my site Read-Only: https://preview.webflow.com/preview/3go?utm_medium=preview_link&utm_source=dashboard&utm_content=3go&preview=adbe6242b2424210d98d17ea5c0e0775&mode=preview