How to make sentences in announcement bar in two lines?

Jingjingatca
Visitor
3 0 0

Hi everyone. I want to make sentences in my announcement bar in two lines like that. 

111.jpg

It was in this way by default. 👇

Screen Shot 2024-03-28 at 11.55.43 AM.png

How to change it? Thank you so much!

Replies 4 (4)

StephensWorld
Shopify Expert
1377 167 344

If your announcement bar supports HTML, then you can add "<br>" to the end of the first sentence, which should force the 2nd sentence to start on it's own line. 

 

Your announcement bar shouldn't have multiple sentences in it though. Best practice is to try and keep it as short-and-sweet as possible (~ 6-10 words, all on one line). Multiple sentences in the announcement bar usually looks terrible on mobile devices. 

★ Did my post help? If yes, then please like and accept solution. ★

https://stephens.world
support@stephensworld.ca

websensepro
Shopify Partner
1045 144 149

Hello @Jingjingatca ,

Please can you share the store URL?

Thanks!

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here

devvvM
Visitor
2 0 0

Please Help me with the same issue, Screenshot_23.pngMy announcement bar is not supporting <br>, <span>, <p> it shows the same on my bar also

StephensWorld
Shopify Expert
1377 167 344

You'd need to hire a custom coder (I recommend HeyCarson.com) to change the way your shipping bar is coded, so that it supports HTML. 

★ Did my post help? If yes, then please like and accept solution. ★

https://stephens.world
support@stephensworld.ca