Header Menu spacing

[Andremcpinto]

Hi,

I wonder how can I increase the space between each item of my Header Navigation menu. (image attached)

Thanks,

André Pinto

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Need a login password/username to view the site.

You can change the menu spacing using basic CSS.

Ex:

#header .std-menu ul.mega-menu>li>a {
    padding: 0 20px;
}

[Andremcpinto]

Hi David,

thanks for your quick answer.

Apologize my ignorance 🙂

I need to go to: Appearance – Editor – and in my window Uplift: style.css I put this text:

#header .std-menu ul.mega-menu>li>a {
padding: 0 20px;
}

I can repeat this text as many times as I want, until I find the right menu spacing?

[David Martin – Support]

No, please add this to Theme Options => Custom CSS.

Thanks.

[Andremcpinto]

Hi David,

when i paste your code in custom CSS, this message appears (image attached)

keep the code or change the code?

Thanks

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

You can ignore that.

Thanks.

[Andremcpinto]

Thanks David! It works 😉

[David Martin – Support]

Great, happy to help.

– David.