Meteor breaks drop down menu

  • Hello,

    I have a navigation bar using Sinking Dropdown Menus plugin and directly underneath another div with a Meteor slideshow.

    If I hover over a top level menu, it displays the submenu however as soon as I try to select a submenu which is placed on top of Meteor, it just disappears. The menu works fine on other pages where there isn’t a meteor slideshow underneath.

    I thought it might be related to Z-index so I tried making it higher on the nav bar, and I also tried to make the div containing meteor to -1 but neither fix the problem.

    I don’t have a public link yet, but just wondered if you have any ideas?

    https://www.ads-software.com/plugins/meteor-slides/

Viewing 1 replies (of 1 total)
  • Plugin Author Josh Leuze

    (@jleuze)

    Yeah, this is a z-indexing issue. The main slideshow container, .meteor-slides should have a z-index of 1, your dropdown containers should have a z-index of 9999, and the main container of your navbar should have a z-index of 2.

    If you can get the site online where I can take a look I can take a look at it.

Viewing 1 replies (of 1 total)
  • The topic ‘Meteor breaks drop down menu’ is closed to new replies.