Navbar drop down menu stack above slider?
-
My dropdown menu disappears behind the slider. For example, the “She’s Famous Now” dropdown shows only one menu item, with the second hidden under the slider:
http://www.brendanmcginley.com/What’s the best way to have it display over the slider instead of under? Adjust the Z-index? I don’t want to add space above the slider as I’m pretty happy with the layout.
I couldn’t find any snippets about this. Any help is appreciated.
-
Hi, nice stuff you’re making. It looks to me as though your menu disappears behind your main-wrapper div, not your slider. They didn’t start life like that so I assume you must have changed the Z-index at some point.
.carousel-inner { z-index: -1; }Ah, that was it! Perfect — thank you so, so much.
And thank you for the kind compliment.
@bmcginley – if you go to a page with no slider, you will see that, for example, the Invisible Inc menu still drops behind the main-wrapper.
This helps:
.tc-header { position: relative; }Yeah, and tinkering with it’s not getting me anywhere. Still, at least it’s not buried on the front page.
I can’t see that CSS (in my last post) on your site, are you sure you added it? Or do you have a caching plugin?
The topic ‘Navbar drop down menu stack above slider?’ is closed to new replies.
