Sizing to iPhone useable viewport

I’m building a site with a side menu that, when the screen is under a certain size, converts to a slide-up menu with tabs at the bottom of the screen to call it up. I’m using a height of 667, which seems to be the mostly widely recommended height that I can find. However, when viewing the site on my phone, Safari’s nav bar covers it up, forcing it to scroll.

Is there a Bubble solution to this?