How to center announcement bar text. Minimal theme

[jamesMeegan]

Im really not sure how I would go about making it so the announcement text is center. If you could explain to me how you went out about finding the place to change the code that would be very appreciated, thank you.

URL: https://minimal-design-james.myshopify.com

Password: FoxHound422

[Zworthkey]

hii, @jamesMeegan
Paste this code on top of the theme.scss file.

@media only screen and (min-width: 992px) {
.header-bar__module.header-bar__message {
    margin-left: 97% !important;
    width: 100% !important;
}
}

Thank You.

[SagarikaDas]

Hi @jamesMeegan

This will help you place your announcement bar text at the center.

You’ll need to replace the code with the code given below in your Assets > theme.scss file.

.header-bar__left {
text-align: right;
width: 55%; }

.header-bar__right {
width: 45%; }

Cheers!