afifnandya afifnandya - 1 year ago 115
CSS Question

"z-index" on Bootstrap navbar and dropdown

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 enough about css


What I want is the shopping cart menu dropdown to stay on top of navbar menu dropdown.

I have changed the
on both dropdown menus and doesn`t work.


Here is the image:

Shopping Cart Screenshot

Here is the working jsfiddle:

Answer Source

you need to asign to shopping cart menu dropdown a z-index bigger than z-index of navbar menu dropdown

  z-index: 1;

  z-index: 2;
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download