logo
Ask your WordPress questions! Pay money and get answers fast! (more info)

Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

If the asker does not get an answer then they have 10 days to request a refund.

$8
Main Nav dropdown disappearing behind main news slider

My main navigation dropdown is disappearing behind my news image slider when the slides transition. How do I fix this? http://www.scoopituplax.com

This question has been answered.

Patrick MacAdams | 04/19/11 at 5:31pm Edit


(4) Possible Answers Submitted...

See a chronological view of answers?

Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

  • avatar
    Last edited:
    04/19/11
    5:51pm
    Ivaylo Draganov says:

    Hi,

    it's a CSS z-index issue. Try placing these rules in your style.css:


    #wrapper {
    position: relative;
    z-index: 999;
    }
    #header-wrap {
    z-index: 9999;
    position: relative;
    }

    • 04/19/11 5:50pm

      Ivaylo Draganov says:

      Yes, Kailey is right, this would also work:


      #main-nav-wrapper {
      z-index: 61;
      }


      It's somewhere around line 239 in style.css and it's currently set at z-index: 10.

  • avatar
    Last edited:
    04/19/11
    5:42pm
    Kailey Lampert says:

    I'd change #main-nav-wrapper's z-index to 61, just above the slider's z-index.

  • avatar
    Last edited:
    04/19/11
    5:47pm
    RNWest says:

    Hi

    Try setting z-index:1; ..your style.css and about line 458 see below

    #slider { height: 336px; z-index: 1;}

    Good luck

  • avatar
    Last edited:
    04/19/11
    5:49pm
    derekshirk says:

    You will need to edit your CSS:

    You're Nivo slider has the following attributes associated with it:

    #slider .nivo-controlNav {
    background: url("img/slider-nav-bg.png") repeat scroll 0 0 transparent;
    bottom: 56px;
    padding: 20px 0 14px 20px;
    position: absolute;
    width: 589px;
    z-index: 9999;
    }

    You have a css file inside of your plugin folder / dropdown-menu-widget / shailan-dropdown.css

    (http://scoopituptournament.com/development/wp-content/plugins/dropdown-menu-widget/css/shailan-dropdown.css)

    This file looks like the Z-index is lower than the nivo slider ( #slider .nivo-controlNav )


    /* Z-index */
    ul.dropdown, ul.dropdown li, ul.dropdown ul li, ul.dropdown li.hover, ul.dropdown li:hover { position: relative; }
    ul.dropdown li { /*z-index: 598;*/ }
    ul.dropdown ul { position:absolute; z-index: 597; }
    ul.dropdown ul li { z-index: 598; }

    Make sure the z-index for the drop down is a higher value than the z-index for the nivo settings
    http://scoopituptournament.com/development/wp-content/themes/MediapressWP/css/nivo-slider.css

This question has expired.





Current status of this question: Completed



Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

If the asker does not get an answer then they have 10 days to request a refund.