WordPress.org

1. ThorHammer
   Member
   Posted 2 years ago #

   My dropdown menu gets invisible behind a (rotating) layer. The dropdown is a jquery superfish horizontal menu. I have tried to give the dropdown a high z-index and the layer a very low, but still, it wont work. Here is the css for the layer:
   

   .glidecontent{
   font-family:Geneva, Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;
   position: absolute; /* Do not change this value */
   background: white;
   padding: 10px;
   visibility: hidden;
   width: 500px;
   z-index:-1;
   }

   And here is the dropdown:
   

   .sf-menu, .sf-menu * {
   	margin:			0;
   	padding:		0;
   	list-style:		none;
   	z-index:        10000000000;
   }

   How to solve this...?

2. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #

   Try changing the z-index on .glidecontent to 10 and the z-index on .sf-menu, .sf-menu * to 99.

3. ThorHammer
   Member
   Posted 2 years ago #

   Thanks Esmi, I tried as you said, but the dropdown menu is still behind that layer..

4. ThorHammer
   Member
   Posted 2 years ago #

   Esmi, I solved it! In one of the js-files there was a very hidden zindex-call!
   Yes. :-)

Topic Closed

This topic has been closed to new replies.