It looks like you currently have the navbar set to overflow: hidden, and because the menu button is positioned outside of the navbar itself you aren’t able to see the menu:
Once that setting is removed you’ll see the menu as expected. Hope this help!
Thanks for pinging me on this. That’s definitely odd. I imported your site for testing and upon working with the copy the menu opened as expected even though I made no changes.
Can you please try unpublishing then republishing the project, and then test again in Safari?
I’m not entirely sure why this worked either haha. I’ll report this to our engineers as an issue with Symbols in Safari and we’ll investigate further.
The odd thing here is I was testing again today, and after relinking the symbol to try and reproduce the issue, it still worked as expected. If you recreate a symbol out of the nav, does the menu work in Safari?
@brando hey thanks for helping before but I am still having lots of issues with our menu on mobile safari.
for some reason its not taking up the full width of the screen, and the nav links are taking up the full width of the container.
It, however, works perfectly on mobile chrome and firefox on android, and in an inspector.
We also have some transparency on our menu button which doesn’t look to be respected when the menu pops in on any platform
Im tearing my hair out here with all these mobile safari problems.
Ive never had something render so differntly on these platforms. Any idea what could be happening here?
I’ve stripped down the menu to the bare bones (basically rebuilt it from scratch) and still its occuring so any help here would be greatly appreaciated.