Hey, everyone. No matter how much I adjust the positioning settings, including the z-axis, I can not seem to get the dark blue nav bar (and everything within it) get out of the way of the cart wrapper and its contents.
Please take a look! I feel that this should be a relatively easy fix, but I’m stumped.
My read-only link: Webflow - Off-Road Opus
Thanks for all your help in advance!
Played around with the settings and adjustments . . . no luck Still haven’t gotten it to work :[
Hi @offroadopus! You have a
z-index:0 set to your
main-nav div. I removed it and it seems to work. When a parent div has a low z-index, all the children take the same index even if they have higher index set.
Thank you, that worked! . . . Although we have a new problem
Click on one of the buttons in the navy blue nav bar and a drawer comes out with more options. The logo, buttons from the green nav bar and cart icon are now on top of the drawer wrapper.
They go right through:
Hi @offroadopus , Same problem, you just need to make sure that the z-index of the parent is cleared out (
auto) so the index you gave to the drawer can be applied
Let me know if it works!