A user is redesigning their Shopify store (using Dawn 15 theme) and wants to modify the header menu spacing to match Trapstar.com’s style. The goal is to add space between menu items and ensure even distribution, but only on desktop devices—previous attempts caused other elements to break.
Solution provided:
</body> tagA screenshot shows the expected result with properly spaced menu items. The solution appears to address the desktop-only requirement while maintaining the desired visual appearance.
Hello everyone,
I’m currently working on redesigning my website and I’ve encountered some issues. I’m trying to make my menu look similar to the one on Trapstar.com. However, every time I achieve the desired look, something else breaks.
Specifically, I want to add some space between the menu items and ensure they are spaced evenly. This should only apply to laptops or PCs, though.
Any help would be greatly appreciated!
Website: https://official-kortez.com/
Theme: DAWN 15
Hey @Official-Kortez
Follow these Steps:
Go to Online Store
Edit Code
Find theme.liquid file
Add the following code in the bottom of the file above tag
RESULT:
If I managed to solve your problem then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
