How am I able to make the header/navigation spaced out evenly?
Topic summary
A user seeks help spacing out their header/navigation menu evenly on their Shopify store.
Proposed Solution:
- Navigate to Online Store > Themes > Assets folder
- Open the main CSS file (main.css, base.css, style.css, or theme.css)
- Add custom CSS code at the bottom of the file targeting menu items
Technical Details:
- The CSS targets
.menu-ll .menu-item-has-children > aelements - Applies
padding-right: 0 !importantto adjust spacing
Status:
The solution includes code and visual examples, but no confirmation yet whether it resolved the spacing issue. The discussion remains open pending user feedback.
1 Like
Hi @ricky24
Check this one.
From you Admin page, go to Online Store > Themes
Select the theme you want to edit
Under the Asset folder, open the main.css(base.css, style.css or theme.css)
Then place the code below at the very bottom of the file.
.thb-full-menu li.menu-item-has-children>a {
padding-right: 0 !important;
}
And save.
result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!