Space in between menu points


how to change font size of main top menu? And how to change the distance in between the menu points?

I want to have it closer because I have to much menu points.

Big Thanks!

Hello there,

I hope you are doing well today.

This CSS can be used to edit the menu:

/*Menu changes */
.main-navigation .menu li a {
    font-size: 25px;
    font-weight: 500;
    letter-spacing: -1px;
    color: #4c4c4c;

.main-navigation .menu > li {
    margin-right: 2px;

Best Regards,

Thanks. But this is not changing the spaces in between each menu point? How to control?


The code:

.main-navigation .menu > li {
    margin-right: 2px !important;

will allow you to edit the distance between the menu items.

Take care.

Sorry, this will change the menu to be ranged right. The distance then between the menu an the logo shown on the upper left side of the website is too big? Why?

Hi there

please provide url and i will take a look