Solved

Is it possible to center the header menu in the Athens theme on Shopify?

Snurfer7
New Member
5 0 0

Hello, our Athens theme header menu is defaulted to the left.  Is there a way to center it?  Thanks in advance for any help!

Accepted Solution (1)
ThePrimeWeb
Shopify Partner
2113 605 470

This is an accepted solution.

Hey @Snurfer7,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
.navigation-menu.navigation-main {
  margin: auto !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1712136101152.png

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

Replies 5 (5)

ThePrimeWeb
Shopify Partner
2113 605 470

Hey @Snurfer7,

 

Can you share the link to your store please? Thanks!

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
Snurfer7
New Member
5 0 0
ThePrimeWeb
Shopify Partner
2113 605 470

This is an accepted solution.

Hey @Snurfer7,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
.navigation-menu.navigation-main {
  margin: auto !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1712136101152.png

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
Snurfer7
New Member
5 0 0

Thanks so much!  Worked perfectly. 🙂

 

Snurfer7
New Member
5 0 0

Hi Juice-Box, thanks!  The URL is above