I’m experiecing problems with my site’s nav menu that I can’t fix.
My site has a full screen nav menu which slides into and out of view when a hamburger icon is pressed. The nav menu has a height of 100vh and a Fixed position with position top set to -100%, which moves 100% down when the hamburger icon is pressed, revealing the menu. This works perfectly on desktop and even on preview in Webflow for mobile-size displays, but on my actual iPhone, in either Safari or Chrome, the nav menu is not completely out of view when the site loads (the bottom 20% or so is visible), and when the hamburger icon is pressed, the menu slides down so that the bottom part of it is out of view entirely!
What’s even weirder is that everything works perfectly in mobile Safari/Chrome as long as the UI components are moved out of the way before pressing the hamburger icon.
All of this behavior is demonstrated in this screen recording.
Please help if you can!
EDIT: Fixed screen recording link.