How to set text in the middle of this bar?

How to set text in the middle of this bar?

NikosBat
Explorer
336 0 52

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

 

Bildschirmfoto 2025-01-13 um 08.20.43.png

Replies 3 (3)

GTLOfficial
Shopify Partner
769 160 169

Hello @NikosBat 

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

136.png
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh

EstherBui
Excursionist
276 39 42

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: 

EstherBui_0-1736755819576.png

 

I hope it helps. 

 

Esther 

 

 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

websensepro
Shopify Partner
1854 215 262

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:

websensepro_0-1736756628201.pngwebsensepro_1-1736756647265.png

 

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

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP