Navigation spacing issue

[Nextwave]

I don’t know if it’s some other code or what, but I’m using the Pro Header and there’s no space between my navigation links. Also, the dropdown links are flush against the left side of the menu. For the life of me, I can’t seem to find what elements to edit in the CSS to make it look better.

[ruenel]

Hello Zach,

Thanks for writing in!

First, remove this custom css:

.navigation a {
    color: #005695;
    margin-left: 12px;
}

And then, edit your header in Pro > Headers. You will need to adjust the padding and margins around each of your menu items. and for the sub menu paddings.

Top Links

You can change the color and the hover color of the menu items too.

SubMenu

Hope this helps.