Center the navigation header all the time.

AndreNL · ‎06-18-2024

I'm facing an issue where if you refresh the page you can see the header being on the left side of the screen but I need it to be forced into the middle. Is it possible to make it work like that?

I'm using Ella Theme

nvchien · ‎06-18-2024

Hi @AndreNL,

Please try to to go to Themes -> Edit code, find 'theme.liquid' and insert the below code before </head> tag

<style>
@media (min-width: 1025px) {
  .section-header-navigation {
    width: 100%;
  }
}
</style>

Hope this helps.

- If this solution helped you out, please consider accepting it as a solution and giving it a thumbs-up. Your feedback is valuable to me and the community!
- If you're feeling extra generous, you can always buy me a coffee ☕. Your support helps fuel my Shopify knowledge and keeps the solutions flowing!
- You can also follow more tips and tricks from my blog.

View solution in original post

nvchien · ‎06-18-2024

Hi @AndreNL,

Please try to to go to Themes -> Edit code, find 'theme.liquid' and insert the below code before </head> tag

<style>
@media (min-width: 1025px) {
  .section-header-navigation {
    width: 100%;
  }
}
</style>

Hope this helps.

- If this solution helped you out, please consider accepting it as a solution and giving it a thumbs-up. Your feedback is valuable to me and the community!
- If you're feeling extra generous, you can always buy me a coffee ☕. Your support helps fuel my Shopify knowledge and keeps the solutions flowing!
- You can also follow more tips and tricks from my blog.

Center the navigation header all the time.

Center the navigation header all the time.

Community Blog Articles