Studio Theme (Announcement Bar)

Store Design
,

Topic summary

A user seeks help centering text in the announcement bar to align with their centered logo on a Shopify store using the Studio theme.

Solution provided:

  • Navigate to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS
  • Add the following CSS code:
.announcement-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

The discussion includes a screenshot showing the current misalignment and requires store URL access for troubleshooting. The CSS solution uses flexbox properties to center the announcement bar content both horizontally and vertically.

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
1

How do I centre my text on the announcement bar to match and centre the logo?

Screenshot 2024-12-08 at 2.50.05 PM.png
Screenshot 2024-12-08 at 2.50.05 PM.png746×122 5.66 KB

2

Hi @shopcheri

Please share with me your store URL so I can take a closer look

Best,

Daisy

3

https://itccbg-xm.myshopify.com/

4

Please share the password too @shopcheri

5

i have removed password.

try URL

6

Hi @shopcheri

To complete your requests, please follow these steps:

  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.
.announcement-bar {
    display: flex;
    justify-content: center; 
    align-items: center; 
    text-align: center; 
}

I hope this helps

Best,

Daisy