Shopify themes, liquid, logos, and UX
Site = Toltano.com
Whenever I change the width of my logo ithe header menu alignment also changes
I like the logo at its current size but the header menu is not center aligned
How can I center align the header with current logo size?
Thank you
Solved! Go to the solution
This is an accepted solution.
Hey @nvisibl1
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 {
column-gap: 14rem !important;
}
}
</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 @nvisibl1
Just change my code and set the gap value to 17 and then it should look good.
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 @nvisibl1
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 {
column-gap: 14rem !important;
}
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Genius! Thank you very much 🙂
Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.
My header menu became non centred again
I installed the BUCKS app currency converter and it placed the currency dropdown after my my cart icon and caused the menu to loose centre
I uninstalled the app again but my menu remains slightly off centre
Is there a way I can fix this?
Thank you
toltano.com
This is an accepted solution.
Hey @nvisibl1
Just change my code and set the gap value to 17 and then it should look good.
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
thank you, i'm very grateful
Hey,
How could I center this bottom row of the menu items?
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