react-slick overlap navbar dropdown. how can i show dropdown over the slick slider?

Question

I'm trying to show navbar dropdown over the slick slider. it's only show when i style .slick-slider z-index negative value, but this is not right because i can't click inside slider.

Answer 1

You can use a className in your dropdown menu with attribute "z-index:1000". For example..

<div className="dropdown-menu">...</div>

on your .css file

.dropdown-menu{
  ...          //another attributes for your div and finally..
  z-index:1000
}