At the top of the page you’ll see the site logo on the left, and the launcher for the nav overlay on the right. I have got them to overlay each other by using the Overlay stack. The problem is, one is literally overlaying the other: At present the logo over lays the nav. The upshot is the nav overlay can’t be clicked until the page scrolls.
I’ve tried putting them in a two column stack, but they’re still overlaying each other.
The solution is to increase the Z-Index of the Nav Overlay stack launcher. What’s the best way to do this @elixirgraphics
EDIT: Tried cssbox, no dice. It’s like Nav Overlay refuses to rise about z-index-0, or maybe 1.
If you want to see the problem…
Scroll down and watch the nav overlay as it passes the chevron panel at the bottom of each section. It passes behind it. The z index of the chevron panel is set to 1, if I lower it to 0 it falls behind other elements. I just need to be ablet to increase the z index of the nav overlay.
Z-indexes are not only about the z-index value, but also how they’re grouped and placed within the document.
As for using another stack to modify the Navigation Overlay’s toggle – this will likely not work. The Navigation Overlay toggle is taken out of the main Navigation Overlay stack container and placed at the beginning of the document to ensure its proper placement. I’m not familiar with the stack you’re using to modify the navigation toggle, but I would not recommend using such a stack for this purpose.
Currently your site looks like this, so I suspect you’ve got some other stuff going on unrelated: