More space between menu items (Turbo-Portland)

[emielkant]

Is it possible to get more space between the menu items? Check the screenshot down below.

I think I need to edit something in the header.liquid, I already searched for "space" and "room" but nothing is found.

Thanks in advance!

[suyash1 · Accepted solution]

@emielkant - please add this css to the very end of your styles.css file and check , adjust number as per need, should be like screenshot

.menu li {padding-right: 40px;}

[emielkant]

Woah! You're the best. Thanks Suyash1.

[Storeowner4]

Hello Suyash1,

I am also a Turbo Portland owner and I did what you suggested but it increased the spaces in the Header menu, not in the MAIN menu, as in your screenshot. Unfortunately I am not able to attach a screenshot because it has to be in csv or flow. But you can have a look at the site: https://www.myanxietyring.com.au

I would really appreciate it if you could provide some guidance.

Thanks in advance. 

[suyash1]

@Storeowner4 - please try this css, it will add space to main menu items

.nav-desktop__tier-1 {column-gap: 25px;}

[Storeowner4]

Thank you so much, Suyash1. It worked! 

[suyash1]

Welcome, do let me know if you need any further updates