738 posts
  • Has collected 10+ items on Envato Market
  • Has been part of the Envato Community for over 6 years
  • Located in United States
  • Sells items exclusively on Envato Market
Jar says

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.

342 posts
  • Has been part of the Envato Community for over 6 years
  • Has referred 10+ members
  • Has sold $40,000+ on Envato Market
  • Has collected 1+ items on Envato Market
+5 more
reidknorr says

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.

738 posts
  • Has collected 10+ items on Envato Market
  • Has been part of the Envato Community for over 6 years
  • Located in United States
  • Sells items exclusively on Envato Market
Jar says

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.

738 posts
  • Has collected 10+ items on Envato Market
  • Has been part of the Envato Community for over 6 years
  • Located in United States
  • Sells items exclusively on Envato Market
Jar says

I love you reidknorr. :D Thanks man works perfectly now.

1182 posts
  • Has been part of the Envato Community for over 5 years
  • Has referred 1+ members
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
campolar says

I love you reidknorr. :D 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)

2952 posts
  • Has been part of the Envato Community for over 5 years
  • Has referred 200+ members
  • Has sold $125,000+ on Envato Market
  • Had an item featured in an Envato Bundle
+10 more
DDStudios says

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 ;)

562 posts You Reap What You Saw
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $75,000+ on Envato Market and is now an Elite Author
  • Has been part of the Envato Community for over 5 years
  • Contributed a free file of the month
+4 more
Bluz says

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 :P

342 posts
  • Has been part of the Envato Community for over 6 years
  • Has referred 10+ members
  • Has sold $40,000+ on Envato Market
  • Has collected 1+ items on Envato Market
+5 more
reidknorr says

I love you reidknorr. :D Thanks man works perfectly now.

Haha no problem. Best of luck with your website!

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by