Dropping down text in announcement bar

Hello,

Can someone advice how I can drop down my text a little bit down in announcement bar? Thank you

1 Like

Hi @bseksy

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

I need to adjust the alignment. I think this is something to do with the coding, right?

Hey @bseksy

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

I checked your link and your text in announcement bar is exactly in the centre as mine needs to be. How can I push it down a little bit? see in a photo

Oh, Okay. Would you mind to share your store URL? You can also pm me if you dont like in public. Thanks!

I will pm you. Thanks!

Thankds for the info, check this one.

From your Shopify admin dashboard, click on “Online Store” and then “Themes”.

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.page-width.utility-bar__grid .announcement-bar__message {
    min-height: unset !important;
}

And Save.

Result:

Made4uoRibe_0-1716382349560.png

If you want to add height on it just add some padding. Let me know if you like. Thanks!

Hey,

It worked! Thank you so much!