Issue with navigation in Safari

https://preview.webflow.com/preview/brightspark1-abc?utm_source=brightspark1-abc&preview=25ef7d878eea2c7be62ed2dc9b0e0747

Hi,

I am having an issue with the navigation for my site www.brightsparkcreative.com in Safari. When the hamburger icon is clicked the orange background is supposed to fill the screen (which it does in all other browsers). However, in Safari a chunk of the orange background is missing (see grab).

If anyone can help I’d be very grateful.

Thanks


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

You have a bunch of nested classes on your nav menu that might be causing the problem. Try removing them and adding your fixed position full attribute to the top class. If you’re new to webflow, i suggest watching this for css info Webflow 101 crash course | Webflow University