Treehouse: Grow your CSS skills. Land your dream job.

Drop down menu goes behind the slider

  • # November 17, 2011 at 11:57 pm

    hi, i created this template for a client. now, i created the drop down menu, but for some reasons the menu is hiding behind the photoslider that i put on the page. can anyone help me fix this. can you also help me with the design review..

    thank you

    here is the link
    # November 17, 2011 at 11:58 pm

    the drop down is under “SHOP” you can see the drop down when you hover over the menu and the photo changes.

    # November 18, 2011 at 12:24 am

    You can change the z-index of the drop down like this:

    #menu ul li > ul {
    width: 161px;
    height: 50px;
    visibility: hidden;
    position: relative;
    z-index: 10;
    # November 18, 2011 at 1:05 am

    thankyou DOC… just fixed it !!! :) any critique about the design ?

    # June 6, 2013 at 11:30 pm

    Thank you Doc. I have fixed the problem.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.