Sub menu disappears when over top of Anywhere Sliders Extension

11 years ago
#284 Quote
  • 4
We are using both the Categories Header Menu and the Anywhere Sliders extensions, both are working well, with one exception...

In one area of the site we have a banner from the Anywhere Sliders extension positioned directly under the Categories Header Menu.  When the submenu for a top level category is revealed it lays over top of the banner.  All is fine until the user attempts to mouse over the items in the that point the submenu disappears and the user is unable to click on an entry.

Seems like there might be a z-order conflict somewhere that is always forcing the Anwhere Slider to the top of the stack, but if that's it I haven't been able to find it yet.

Any ideas on how to get these two extensions to play nicely together?

11 years ago
#286 Quote
  • Moderator
  • 1018

thank you for reporting this. We have already fixed it. Can you try to download the Nop Categories Header Menu again and replace all the files from the old menu with the files from the newly downloaded package.

Or if you prefer the quicker fix is just to edit the "~\Plugins\SevenSpikes.Nop.Plugins.CategoriesHeaderMenu\Styles\jquery.superfishmenu.css" and edit the following css class as shown below:

.sf-menu li:hover ul, .sf-menu li.sfHover ul
    left: 0;
    top: 2em;
    z-index: 1001;
    width: 156px;
    background-color: #ffffff;    

This is necessary as the Nop Anywhere Sliders are setting z-index of 1000 for the sliders when using the Carousel2D slider.

Hope that helps!
11 years ago
#288 Quote
  • 4
Perfect, thanks that got it!