"z-index" on Bootstrap navbar and dropdown
10,274
you need to asign to shopping cart menu dropdown a z-index
bigger than z-index
of navbar menu dropdown
.mega-dropdown-menu{
z-index: 1;
}
.shopping-whist-bag{
z-index: 2;
}
![Admin](/assets/logo_square_200-5d0d61d6853298bd2a4fe063103715b4daf2819fc21225efa21dfb93e61952ea.png)
Author by
Admin
Updated on June 28, 2022Comments
-
Admin almost 2 years
I have a problem in my navbar dropdown and cart dropdown.
I'm not sure how to fix this (I don't have solid knowledge about css
z-index
).What I want is the shopping cart menu dropdown to stay on top of
navbar
menu dropdown.I have changed the
z-index
on both dropdown menus and doesn`t work.
Thanks.Here is the working jsfiddle:
https://jsfiddle.net/nmdh5vmv/2/