Increase Space Between Menu Items

[Ivette Palomo]

Greetings Andy,

You are always a great help to me and (it seems) to all your clients.  Thank  you.

Regarding the topic title, is there a way to increase the space between the primary menu items?

Ivette

[Andy]

Hi Ivette, thank you it’s not always easy to get it right so thanks for your kind words.

Add the following CSS to Customize > Additional CSS
10px is the standard spacing. Change this to any value you require e.g. 30px
The second part of the code resets the drop down menu to zero to stop the custom changes being applied to the drop down too.

.main-navigation a {
    margin-left: 10px;
    margin-right: 10px;
}

.main-navigation ul ul a {
    margin: 0;
}

[Ivette Palomo]

Imperfect perfection, I call it, when we do our best and aspire toward it.  You are appreciated.

Thank you for the CSS, Andy.  It worked.

Happy holidays!

[Author]

Posts