Re: Dropping down text in announcement bar

Solved

Dropping down text in announcement bar

bseksy
Excursionist
16 0 5

Hello,

 

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

Accepted Solution (1)
Made4uo-Ribe
Shopify Partner
10133 2404 3038

This is an accepted solution.

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

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

View solution in original post

Replies 8 (8)

Made4uo-Ribe
Shopify Partner
10133 2404 3038

Hi @bseksy 

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

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
bseksy
Excursionist
16 0 5

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

Made4uo-Ribe
Shopify Partner
10133 2404 3038

This is an accepted solution.

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

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
bseksy
Excursionist
16 0 5

I will pm you. Thanks!

Made4uo-Ribe
Shopify Partner
10133 2404 3038

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!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
bseksy
Excursionist
16 0 5

Hey,

 

It worked! Thank you so much!

Moeed
Shopify Partner
7375 1996 2438

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

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


bseksy
Excursionist
16 0 5

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