Nav Drop-down behind Slider

I purchased Dany’s theme Mediapress for a personal site, and he’s not providing support during the holidays, but I’d like to get this problem tackled today so I can work on the site further.

The slider is the Nivo slider I believe. Here is my site http://www.xblagames.com/

Before posting this I tried messing around with the z-index values for the related CSS segments, but I couldn’t seem to get the drop down in front of the slider.

Hey Jar,

Cool site, try this once and see if it will work.

For the #main-nav-wrapper change the z-index to 100.

For the #slider .nivo-controlNav change the z-index to 99.

I haven’t tried that yet, but when the slider transitions the dropdown goes behind that too. Will try that now for the nav portion of the slider.

I love you reidknorr. Thanks man works perfectly now.

Jar said
I love you reidknorr. Thanks man works perfectly now.

Just remember z-index the next time something like this happens to you. z-index is like the stack index. Higher number = the top most.

Also remember z-index only works on positioned elements (like position: relative)

Also remember that for example, you have the container #header, and the container #content.

If you #header is relative and has z-index inferior (less than) the #content z-index, no matter what z-index you put for the elements inside the #content, they’ll always go underneath the #content.

Just some hierarchy pointing out I wanted to make. This has caused me troubles in the past

DDStudios said
Also remember that for example, you have the container #header, and the container #content.

If you #header is relative and has z-index inferior (less than) the #content z-index, no matter what z-index you put for the elements inside the #content, they’ll always go underneath the #content.

Just some hierarchy pointing out I wanted to make. This has caused me troubles in the past

Same, I learned this the hard way

Jar said
I love you reidknorr. Thanks man works perfectly now.

Haha no problem. Best of luck with your website!