Mobile drop down menu covered by Nav menu

I have the z-index set to 100 for my sticky menu, which keeps it on top of all the other page components. However, the dropdown menu on mobile keeps hiding behind the navbar on mobile. Is there a way to set the mobile drown down menu to have a separate (higher) z-index than the nav menu? It seems like I can only set the z-index in one place and it applies to both the navbar and the mobile drop down menu. I have played with the isolation settings but still can’t fix this issue.

I have mine set to 31 - don’t ask why! :slight_smile: I brought the sticky menu up months ago and Dan did a Dev diary same day with how to build a sticky menu can’t remember number but give 31 a go and see if that helps?

Thanks for your reply. I did watch both of the videos but neither addressed this issue. Maybe it is a new bug?

Nate

1 Like

containers default to z-30, thats what I see, might be wrong

That worked! You’re AMAZING! Thanks!