More space between menu items (Turbo-Portland)

Store Design
1

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!

2

@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;}

suyash1_0-1642523891287.png
suyash1_0-1642523891287.png1366×768 76.4 KB

1 Like
3

Woah! You’re the best. Thanks Suyash1.

1 Like
4

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.

5

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

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

suyash1_0-1725370052949.png
suyash1_0-1725370052949.png1366×768 241 KB

6

Thank you so much, Suyash1. It worked!

7

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