Streaming live at 10am (PST)

Nav Layer Overlapping Layers Above

Basically… My main nav bar (that is also a symbol) is always showing on top.

I’m implementing a cookies warning pop-up (that I have forced on all the time for now) but as you can see, even though my nav is underneath, it’s still showing up over the top:

Please help as I am truly stumped!


Here is my public share link: LINK
(how to access public share link)

I was able to fix this in read-only mode by setting the z-index of your nav symbol to 200 (a large number that should theoretically keep it over anything else on a page) and changing the z-index to your overlay group to 300.

1 Like

Oh wow, that was easy, thank you!

I’ve not played around with Z index before… Why would (by default) a layer underneath creep over a layer above it?

I’m not sure; it could be something related to your use of a symbol or you could have so many things on the page that it just got high enough in the “pile” to show up above the z-index of 10 or 20 that you had your overlay manually set to. I’m no expert myself but in general if I have to set a z-index manually I go in denominations of 100 to cover my bases and ensure things layer the way I expect.