Flex Theme Centre Text in Top Bar

[lcameron]

Anyone have an idea how to centre the text in the Top Bar (blue) in Flex Theme? https://aribella.com.au/

[Moeed · Accepted solution]

Hey @lcameron 

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>
.top-bar__info.is-flex.is-align-center.is-justify-space-between {
    width: 100% !important;
    place-content: center !important;
    left: 7rem !important;
    position: relative;
}
</style>

RESULT

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

Best Regards,
Moeed

[lcameron]

Amazing thank you for such a quick reply. Works perfectly - but I did pop it into the style.css sheet instead. Assume that wouldn't cause an issue that I cant see?

[Moeed]

Yes, that works too and won't cause any issue. 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.