Dropping down text in announcement bar

Topic summary

Topic: Adjusting vertical alignment of text in a Shopify theme’s announcement bar (not making it two lines).

Clarifications and access: Responders asked for the store URL (and password if applicable), then continued via private messages. A screenshot was referenced to show the misalignment.

Solution provided: Edit the theme’s CSS (Online Store > Themes > Actions > Edit code > Assets > base.css, style.css, or theme.css) and add:
.page-width.utility-bar__grid .announcement-bar__message { min-height: unset !important; }
CSS (the style language for themes) change removes a forced min-height so the announcement text aligns properly. If additional vertical space is desired, padding can be added to the element.

Outcome: The change worked for the requester, who confirmed success. No further issues were raised.

Status: Resolved. Attachments: A result image was shared to illustrate the fix.

Summarized with AI on December 28. AI used: gpt-5.

Hi @bseksy

Do you mean make it 2lines? or you like to adjust the alignment?