Z Index Conflict with Navigation Subnav Menu & Stick Groups

[vinnysgreen]

Describe the bug When using a subnav menu in close proximity to a sticky group in column, the subnav menu appears underneath the sticky group.

To Reproduce Steps to reproduce the behavior:

1. Add a navigation with a subnav menu
2. Set a group inside a column to be sticky
3. Trigger the subnav menu
4. See the subnav appear under the sticky group

Expected behavior Subnav menu should always appear at the top.

Screenshots

Desktop (please complete the following information): Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36

Additional context

[mikemcalister]

Good spotting, Vinny! I'll get a fix in there for this shortly!

[brdobrdo]

Maybe similar issue. Menu on mobile that expands from sticky header (header in a group that is sticky) ends up behind content below this sticky group.

On further inspection, this behavior results if the navigation block is inside header block which is made to be sticky either by putting everything in a group block or a sticky block.

There are different behaviors but I think I pinpointed it down to using CUstom CSS class: .glass { /* From https://css.glass */ background: rgba(255, 255, 255, 0.80);

backdrop-filter: blur(8px); --> when this line is removed, menu works OK

}

[mikemcalister]

This should be fixed in the latest versions of the theme. Thanks for the heads up!