Solved

Dropping down text in announcement bar

bseksy
Excursionist
16 0 4

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
6407 1538 1908

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 is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.

View solution in original post

Replies 8 (8)

Made4uo-Ribe
Shopify Partner
6407 1538 1908

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 is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
bseksy
Excursionist
16 0 4

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

Made4uo-Ribe
Shopify Partner
6407 1538 1908

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 is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
bseksy
Excursionist
16 0 4

I will pm you. Thanks!

Made4uo-Ribe
Shopify Partner
6407 1538 1908

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 is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
bseksy
Excursionist
16 0 4

Hey,

 

It worked! Thank you so much!

Moeed
Shopify Partner
3890 983 1227

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 developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
bseksy
Excursionist
16 0 4

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