@William_Burgess I chatted with the team a bit more. That css is to push the nav overlay down off the screen until the navmenu is opened up . At which point clicking on that element (i.e. outside of the navnenu) closes the nav menu.
Once I publish the website to my server I have to remove that line of CSS for it to work correctly. If I don’t when you press the menu button on mobile it opens the menu, but its more than half way down the page. You have to scroll down to see it.
I did some testing on this end and it looks like the top 100% doesn’t push the nav menu down on the default nav component. It looks like there are few other styles causing this issue.
You can resolve this by setting the navbar to position relative instead of static, and then you can set the nav menu back to default settings of position: absolute. The last step would be to make the nav menu full height/width again which you can do by setting width: 100% and height: 100vh. Here’s a video: https://cl.ly/1Y3D102I0v3k
Once this is done, you can export and the menu should work as expected without having to remove top: 100%.