Archived

This topic is now archived and is closed to further replies.

  • 0

Navigation submenu going behind images

Question

Posted · Report post

Hi, as you'll be able to see on my site, the main navigation's submenu is going behind the slideshow that I have in my sidebar.  I'm sure it's an easy fix with z-index, but I just can't figure it out.  Any help would be appreciated.

 

http://www.leportschools.com/infants/

 

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

Hi there, is this slider a third party plugin? If it is see if you can see any reference to the z-index in the plugins style.css, I can't see anything on the site using firebug. If you can find reference to it, you can use the following css example to edit it changing the number to suit.

 

#wppa-container-1 {z-index:1 !important;}

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks, I found a few references and set them all to a negative number, but that didn't seem to do anything.  Is there a way to set the z-index of the menu so it will appear over?

Share this post


Link to post
Share on other sites

Posted · Report post

Hi apattee

 

Looking into the plugin its using the below for the images, z-index of 80 and 81.

 

 

<div id="theslide0-1" class="theslide theslide-1" style="width: 270px; margin-left: 0px; z-index: 81; height: 202px;">



This css is being applied inline, our navbar's z-index is 28. So you'll need to edit either or to try and correct it, if it doesn't take, I'd suggest dropping the plugin author an email to see if he's applied any other css which could affect the image z-index.

Share this post


Link to post
Share on other sites