How do I center the header navigation menu on my store?

Shopify Discussion

Topic summary

A user running the Enterprise theme needed help centering their header navigation menu, which was left-aligned by default.

Solution provided:

  • Navigate to Online Store > Themes > Edit code
  • Open the main.css file
  • Add CSS code at the bottom targeting .main-menu__content with justify-content: center
  • Apply media query for screens min-width 835px

Outcome:
The CSS solution successfully centered the navigation menu. Issue resolved.

Summarized with AI on November 14. AI used: claude-sonnet-4-5-20250929.
1

The menu is currently aligned to the left and I am on the enterprise theme. I can’t seem to find any guide relating to the enterprise theme.

Thanks in advance!

2

Go to your Online store > Themes > Edit code > open main.css file, add this code at the bottom and save file

@media (min-width: 835px) {
.main-menu__content {
    justify-content: center;
}
}

Screenshot 2023-11-16 at 09.56.39.png
Screenshot 2023-11-16 at 09.56.39.png1590×480 106 KB

1 Like
3

That worked perfectly! Thanks!

1 Like
4

Happy I could help.