Question

I’m creating a site which needs to show a pop out menu and a thumbnail slider on the same page.

I’m using this technique for the pop out menu:
http://designshack.net/articles/pop-out-css-menu/

And this plugin for the slider:
http://manos.malihu.gr/jquery-custom-content-scroller

They work fine individually, but when I add them to the same page, the slider overlaps the secondary menu items in the pop out menu. I’ve tried playing with the z-index but it didn’t help. Is there anyway to have the secondary items to always display on top of everything?

Answer 1

In menu.css at line 41, set your z-index here:

#menu ul ul ul {
  position: absolute;
  top: 0;
  left: 100%;
  width: 85%;
  z-index: 30;
}