Header

Header

n1tendo
Tourist
10 1 5

Screenshot 2024-10-30 130211.png

 

This is my current announcement bar. My text is only showing in the middle and its moving. I want it to be look like moving but to start text in the beginning to end. Pretty much same as the picture under.

 

Screenshot 2024-10-30 130048.png

 

https://devourn.myshopify.com/

 

 

 

 

Reply 1 (1)

Moeed
Shopify Partner
5867 1592 1894

Hey @n1tendo 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
p.announcement-bar__message.h5 {
    width: 100% !important;
}
.page-width.utility-bar__grid {
    max-width: 100% !important;
    padding: 0 !important;
}
</style>

RESULT:

Moeed_0-1730308736049.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications