Re: How to center align header menu?

Solved

How can I center align the header menu with my current logo size?

nvisibl1
Explorer
83 2 17

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

Accepted Solutions (2)

Moeed
Shopify Partner
6737 1820 2202

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:

Moeed_0-1697290025935.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Moeed
Shopify Partner
6737 1820 2202

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

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 7 (7)

Moeed
Shopify Partner
6737 1820 2202

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:

Moeed_0-1697290025935.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


nvisibl1
Explorer
83 2 17

Genius!  Thank you very much 🙂

Moeed
Shopify Partner
6737 1820 2202

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.

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


nvisibl1
Explorer
83 2 17

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

Moeed
Shopify Partner
6737 1820 2202

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

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


nvisibl1
Explorer
83 2 17

thank you, i'm very grateful

MrNatty
Visitor
1 0 0

Hey,

How could I center this bottom row of the menu items?

MrNatty_0-1709487517887.png