Support » Themes and Templates » Dropdown menu not displaying properly

  • Resolved Vivek Nath.R

    (@viveknath322)


    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 http://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

    Jamie Gill

    (@patchgill)

    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

    Vivek Nath.R

    (@viveknath322)

    Thanks a lot J, it worked.

    Jamie Gill

    (@patchgill)

    No problemo, glad it helped

    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.