PDA

View Full Version : Resolved Drop down menu hidden behind content slider



Daniel Thomas
06-05-2009, 10:29 PM
1) Script Title: jQuery Multi Level CSS Menu #2 & Featured Content Slider v2.4

2) Script URL (on DD): http://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_css_menu_2/ and http://www.dynamicdrive.com/dynamicindex17/featuredcontentslider.htm

3) Describe problem: Okay, I'm having issues with the CSS Menu and the Content Slider. Actually, both are working just fine. However, the problem I'm having is that the Drop Down menu, will hide the content behind the Content Slider, rather than appearing on top of the Content Slider.

http://www.mckenziefootball.com/pressbox1/
- You can click there and view the website design. If you mouse over on either, County, Pro, or Media, you'll notice how the dropdowns hide behind the slider.

I'm using PHP Includes to make the main page appear onto the index.php template and the drop down menu appears through php includes also.

Any assistance on how to resolve this would be greatly appreciated.

ddadmin
06-06-2009, 07:27 AM
Inside the .css file for the menu, try giving the top level UL element a high z-index, for example:


/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
z-index: 400;
}

Daniel Thomas
06-06-2009, 03:39 PM
EDITED: Ah, nevermind. Got it resolved.

Thanks a bundle!