WordPress.org

Ready to get started?Download WordPress

Forums

Layer in front of dropdown menu (4 posts)

  1. ThorHammer
    Member
    Posted 4 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
    Forum Moderator
    Posted 4 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 4 years ago #

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

  4. ThorHammer
    Member
    Posted 4 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.

About this Topic