Hello, i addeda Marquee Announcement Bar in my Store and i really love it. But i would like to make 2 changes to it. Number 1: i would like to have more than 1 message in the announcement bar. Number 2: i would like the text to start in the middle of the screen and not on the right. Here is a St…

Hi @Quincko your custom code is not good, please use mine and follow the guide Go to annoucement-bar.liquid in theme code Paste this code at the top of the file After that paste this code below like this Your message Your message Your message [PageFlyVictor_0-16740315…

Hi @Quincko This is Victor from PageFly - Shopify Page Builder App Number 2 will be solve when you add more message to the margue. Please help me to screenshot your code or paste it here, i will check a tell you how to add msg to it Also you can try to add the msg in the theme customizer Hope t…

Hi, this is the Code: .announcement-bar__message { padding-left: 0px; padding-right: 0px; white-space: nowrap; -moz-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); -moz-animation: scroll-left 2s linear infinite; -webkit-animation: scroll-left 2s line…

It works. thank you so much :folded_hands:

How can i change the colors, the font and the size of the new announcement bar?

you can go to base.css and style like this paste this code at the end of the file #node-marquee > span { font-size: 20px; color: red; }

Please style inline to the node-marquee like this replace the current one with the new one Then you can change the size and color

I am sorry but it still doesn´t work. The bar is doing what it should but i can´t seem to change anything besides the text. But i would need to change the padding to the top, the colors and also the font.

Hey, I had done this with the code but my problem is that there is still the other announcement bar on the top and the marquee one with the text directly above and when i remove the stocked one the marquee one also will be removed I added a pptx file that you can see what is the problem so maybe y…

Hi Victor, I followed your instructions and it works beautifully! I just have one question: my animated arrow link appears below the text and I want to move it to behind the rolling text. Is there a way to do that and have a unique link arrow for each of my messages? [Screenshot 2023-04-07 at 11.5…

How can I modify my marquee announcement bar on the Dawn theme?

Store Design

Quincko January 18, 2023, 10:19am 8

Unfortunately it doesn‘t work

Topic		Replies	Views
How can I add marquee effect in announcments bar / Dawn Theme? Store Design design , header , customizations	4	76	May 11, 2024
Marquee at the announcement bar Store Design design	5	256	August 15, 2025
Marquee announcement bar infinite scroll bar / sliding bar Shopify Discussion	6	348	May 11, 2024
How can I create a marquee announcement bar for the Uneox theme? Shopify Discussion troubleshooting , shop-performance	14	512	September 19, 2024
Marquee sliding announcement bar Dawn theme in mobile version Store Design design , troubleshooting	3	132	May 11, 2024

How can I modify my marquee announcement bar on the Dawn theme?

Related topics