How to set text in the middle of this bar?

[NikosBat]

How can I set the text in the middle of the bar?

 

[GTLOfficial]

Hello @NikosBat 

As i can check your text is in the middle of the bar.

Thanks

[EstherBui]

Hi @NikosBat 

You can try this code and follow  instruction below:

1. Go to Shopify > Theme > Customize

2. Copy and paste this code on Theme settings > Custom CSS section

.announcement-bar__message {
    top: 2px;
}

Result: 

I hope it helps. 

Esther 

[websensepro]

Hi @NikosBat Now it will stay in the center.

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

.page-width.utility-bar__grid .announcement-bar {
    display: flex;
    justify-content: center;
    align-items: center;
}

Result:

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!