A user upgraded their Shopify store from Flow theme version 17 to 39.0.1 and encountered a navigation alignment issue. At certain screen sizes, the navigation bar shifted to the left instead of remaining centered as it did in the previous version. No built-in option existed in the Shopify editor to adjust this.
Solution provided:
Two community members offered the same CSS fix:
</body> tagOutcome:
The solution successfully resolved the centering issue. The user also noted general responsiveness concerns with the new theme version compared to the old site, though this secondary issue wasn’t addressed in the thread.
Hello,
I’ve just upgraded our draft site to Flow 39.0.1 (from Flow 17) and the nav bar is now aligning to the left at certain screen sizes which it didn’t before. I’d like it to be centralised no matter what, any ideas?
Doesn’t seem to be any option to adjust this in the regular Shopify editor.
Picture attached of what it currently looks like.
When I go to full screen, it then aligns to the centre again.
Preview site link - https://my203kfi9bniw228-37022466188.shopifypreview.com
Hi @nghhbbtd
You can share the preview URL and password protected of your store.
Hello,
Sure the preview is here,
No password as the old version is still live,
Hi!
Thanks, the link to preview is here,
https://my203kfi9bniw228-37022466188.shopifypreview.com
No password as the old version is live
Please add this code to theme.liquid file, after in Online Store > Themes > Edit code
Hey @nghhbbtd
Follow these Steps:
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
That worked perfectly, thank you so much!
You are most welcome!
