Less vertical space between sub-menu items

[Edward Garrett]

Bill,
Can you tell me how to remove the space between sub-menu items? I have tried with the inspector and looked through the knowledge base…Help, please.

Thank you in advance…
Ed Garrett

[Bill Robbins]

Good Morning Ed,

That is a lot of space there. I believe it is coming from this style in your child theme’s style.css file:

nav#top-menu li a {
    padding-top: 5px;
    padding-right: 1px;
    font-weight: 600;
    margin-left: 15px;
    border: none;
    display: inline-block;
    font-size: 12px;
    margin-top: 27px;

}

That will add a 27px top margin to every link in the navigation menu, including the sub-menus. Most likely you’ll want to take out the top margin there. If you need to reposition the top level of the navigation menu, then add a margin directly to the nav#top-menu item. That way you can move the navigation around as a complete unit.

Hope that helps out,
Bill

[Author]

Posts