WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Dropdown menu not displaying properly (6 posts)

  1. Vivek Nath.R
    Member
    Posted 1 year 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 http://www.digitaladvices.com/

    Can anyone help me to solve this problem?

    Regards,
    Vivek Nath.

  2. mukesh panchal
    Member
    Posted 1 year ago #

    add z-index

  3. J
    Member
    Posted 1 year ago #

    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

  4. Vivek Nath.R
    Member
    Posted 1 year ago #

    Thanks a lot J, it worked.

  5. J
    Member
    Posted 1 year ago #

    No problemo, glad it helped

  6. Vivek Nath.R
    Member
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic