Dropdown menu not displaying properly

  • Resolved Vivek Nath.R

    (@viveknath322)


    12 years, 6 months ago

    When hover on header dropdown menu it is showing just behind featured articles section, I want to show it in front of featured article section.
    You can checkout it here https://www.digitaladvices.com/

    Can anyone help me to solve this problem?

    Regards,
    Vivek Nath.

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

  • add z-index

    Hi there,

    As Mukesh said just add a z-index to the parent div. For your site simply replace :-

    .main-navigation {
    background: none repeat scroll 0 0 #548FCA;
    border-bottom: 1px solid #CC0000;
    display: block;
    float: left;
    margin: 0 auto;
    opacity: 0.9;
    position: fixed;
    width: 100%;
}
    .main-navigation {
    background: none repeat scroll 0 0 #548FCA;
    border-bottom: 1px solid #CC0000;
    display: block;
    float: left;
    margin: 0 auto;
    opacity: 0.9;
    position: fixed;
    width: 100%;
    z-index: 1;
}

    as you will see I simply added z-index: 1; to the css for the div.

    Hope this helps
    J

    Thread Starter Vivek Nath.R

    (@viveknath322)

    Thanks a lot J, it worked.

    No problemo, glad it helped

    Thread Starter Vivek Nath.R

    (@viveknath322)

    Hey J,
    Did you noticed after adding z-index: 1; header logo is showing behind the navigation. How i fix that?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Dropdown menu not displaying properly’ is closed to new replies.