Support » Theme: Customizr » Navbar drop down menu stack above slider?

  • Resolved BMcGinley


    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:

    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.

Viewing 8 replies - 1 through 8 (of 8 total)
  • 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.

    Moderator Andrew Nevins


    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.

    Moderator Andrew Nevins


    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?

    @andrew Nevins —

    That worked perfectly. Thank you. You guys are the best. (Sorry, my previous reply was to @chappie).

    If anyone wants a sketch or a free copy of DOSE, just let me know, by way of thanks for the help.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Navbar drop down menu stack above slider?’ is closed to new replies.