Skip to main content
Inspiring
July 24, 2017
Answered

Dropdowns stopped working...

  • July 24, 2017
  • 2 replies
  • 358 views

Hello...I am hoping to get your assistance. My webpage has been working perfectly, but all of sudden, the dropdowns in the horizontal navigation stopped working. I replaced the code and updated it on the server, but still no luck. Everything seems to be the same as when I built the site a couple of months ago. Can you tell me what the issue may be?

http://www.adtsrc.org

    This topic has been closed for replies.
    Correct answer osgood_

    I think somewhere in your menu css styles there is a selector called .drop-menu. Add z-index: 1000; to it, like below.

    .drop-menu {

    z-index: 1000;

    }

    I think I wrote the code for this navigation, so it should be there.

    That should solve the issue.

    2 replies

    Legend
    July 24, 2017

    I can tell you its something in your Project Seven css file. I'm guessing you have just introduced that slider and it is sitting infront of the drop-menu, concealing it.

    http://www.adtsrc.org/p7ir2/p7IR2-01.css

    Go over to their forum and tell them I sent you. They know more about whats in the their css file than I do. Its a z-index issue.

    You can do the test by commenting out the link using <!--      --> as below:

    <!-- <link href="http://www.adtsrc.org/p7ir2/p7IR2-01.css" rel="stylesheet" type="text/css" media="all">-->

    Note the menu works on your other pages, which don't have the slider.

    Kevin E.Author
    Inspiring
    July 24, 2017

    Actually, I am getting closer in my investigation. It looks like the dropdowns are working, but they are coming down behind the image instead of on top of it. Trying to figure out why.

    osgood_Correct answer
    Legend
    July 24, 2017

    I think somewhere in your menu css styles there is a selector called .drop-menu. Add z-index: 1000; to it, like below.

    .drop-menu {

    z-index: 1000;

    }

    I think I wrote the code for this navigation, so it should be there.

    That should solve the issue.