Navigation Bar Drop-Down Menu Overlap

  • Hi,
    Sorry, my page isn’t live yet so I can’t link to it.

    My navigation bar looks fine, but if the menu item has children, when you hover over the navigation bar the sub-categories overlap the navigation bar. Because of this it’s really hard to click on the top-level category that’s visible on the navigation bar because it’s covered by the first sub-category. I hope that makes sense.

    Thanks for any advice. I have to finish this for an internship this week and it’s driving me nuts! Here’s an excerpt from the html… The “Decouvrir” is overlapping the navigation bar.

    <li id=”menu-item-427″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-427″ aria-haspopup=”true”>Découvrir
    <ul class=”sub-menu”>

Viewing 3 replies - 1 through 3 (of 3 total)
  • sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Hi, since I can’t look at your site, this is a guess, but try adding this to your custom CSS and then adjust the top value.

    @media screen and (min-width: 768px) {
.main-navigation ul ul {
top: 1.6em;
}
}
    Thread Starter petitegrimpeuse

    (@petitegrimpeuse)

    sacredpath, I think I love you now. It worked. Thank you!!!

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Heh, well thanks, and glad that worked the way you wanted. ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Navigation Bar Drop-Down Menu Overlap’ is closed to new replies.