Shopify themes, liquid, logos, and UX
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!
Solved! Go to the solution
This is an 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;}
This is an 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;}
Woah! You're the best. Thanks Suyash1.
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.
@Storeowner4 - please try this css, it will add space to main menu items
.nav-desktop__tier-1 {column-gap: 25px;}
Thank you so much, Suyash1. It worked!
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025