Shopify themes, liquid, logos, and UX
Hello
I would like to have my menu look like this
currently i have one menu and it looks aligned
datsau
I can either try and separate the menu items and increase the padding between them
or
create a secondary menu and add it there
but i do not know the codes
Solved! Go to the solution
This is an accepted solution.
Hey @TBS2023
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style> @media screen and (min-width: 768px) { .header__desktop__lower { justify-content: right !important; } .menu__item.grandparent.kids-4 { padding-left: 200px; } } </style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
This is an accepted solution.
Hey @TBS2023
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style> @media screen and (min-width: 768px) { .header__desktop__lower { justify-content: right !important; } .menu__item.grandparent.kids-4 { padding-left: 200px; } } </style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025