Element overlap on different screen sizes


Here is my site Read-Only:

Screenshot of issue:

On Desktop Mode it works however:

Any help would be greatly appreciated. I’m not sure if it’s a Z-Index issue or what.

@orangtang , The link you shared only allows commenting — I can’t access the designer or view the code. Could you please send the correct Webflow read-only sandbox link so I can take a proper look?

Thanks

@ahmed_moeed My bad, here’s the proper link

Hey @orangtang ,

Are you still facing this issue? I checked the site in preview & live mode and the menu does not seem to get overlapped by the elements behind it.

@orangtang Right now, the navigation is in a static position and works fine. But if you change the navbar to a fixed position at the top, you’ll need to increase the z-index of the BRIX – Container Default Center to ensure it displays above other elements.

@AJ_Dev On the Desktop breakpoint it looks fine, but on the large breakpoint it breaks.

@ahmed_moeed Thanks for the response. I changed it from Sticky to Static and now it’s working.