How do I make the text of the announcement bar full width in Dawn theme?

[SweatFree]

The website is: www.sweatfree.co

The password is: sweatfree123

The text in the middle of the announcement bar (red colour) is going to the second line even though there is still space on the sides of the text still left. How do we make the text of the announcement bar become wider, so we keep the text in a single line?

Thank you!

[suyash1 · Accepted solution]

@SweatFree - please add this css to the very end of your base.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> base.css

@media screen and (min-width: 990px) {
 .announcement-bar-section .utility-bar__grid--3-col {grid-template-columns: 2fr 6fr 2fr;}
}

[SweatFree]

Thank you @suyash1 for the speedy response & resolution! I appreciate it 🙂

[suyash1]

@SweatFree - welcome