[Resolved] Extra space at bottom of main menu

[Dee Broughton]

Can you tell me what has messed up the spacing on the main menu on http://kitoblog.com/? I’m looking at it in Firefox. I must be out of practice. I cannot figure out what happened. It should have the highlight at the full height of the menu and the text centered top to bottom like http://www.dbepub.com

[Tom]

Hi Dee,

You have this in your custom CSS:

li {
    margin-bottom: 1em;
}

That’s applying to all list items.

I would make that more specific, or counter it with this:

.main-navigation li {
    margin-bottom: 0;
}

[Dee Broughton]

Tom, thank you. I’m definitely out of practice!

[Tom]

You’re welcome 🙂

[Author]

Posts