Full screen menu not fullscreen in Safari desktop (but OK in chrome)

Design help General
1

Hi,

I’m having some issues with a burger menu in Safari (Desktop).
In Chrome the nav fills 50vw and 100vh, but in Safari it seems like it inherits the margins from the navbutton (although fixed). :frowning:

I could probably work around it by making some tweaks to how the menu is setup and combining it with interactions and such - but for this release I am looking to make it “quick” and simple.

Any takers?

Chrome

image
image1663×645 171 KB

Safari

image
image1276×489 90 KB

Read-only:
https://preview.webflow.com/preview/delta-v-0a6e90?utm_medium=preview_link&utm_source=dashboard&utm_content=delta-v-0a6e90&preview=c4522e1c147233906b75b9cd8a6bb9bf&mode=preview

2

Hi

What cause the problem is the 50px margin on Top and Right of the navbar element - make it 0px on both sides

12

3

Hi, yeah, noticed. But I want to have the button with margins - just not the full screen menu. @shokoaviv