I'm using the Slick slider in my theme https://kenwheeler.github.io/slick/ and Material design lite https://getmdl.io/
Problem I am having is that the transforms used here are conflicting with the Wordpress admin bar and causing it to disappear. If I comment these out it works better, but still disappears if the slide is in transition to the next slide.
.slick-slider .slick-list, .slick-slider .slick-track {
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
I've tried setting useTransform to false on slick but that didn't help.
Update:
If I add transform: translate3d(0,0,0); to #wpadminbar the bar appears faintly.
Update 2:
Adding
transform: translate3d(0,0,0);
background: black;
width: 100%;
Makes the bar appear but the dropdowns not.
Update 3:
I added z-index: 0; to .mdl-layout__header and that appears to have sorted it for the moment.