How do I add a moving announcement bar like Sonix Audio to my site?

Store Design
,
1

Can someone show me how to add a moving announcement bar exactly like this website?

https://sonix.audio/

This is my website and you can see the static announcement bar: https://ariasound.co/

2

To add this you need to add marquee code in announcement bar

3

Here’s a step-by-step guide to help you out:

  • From your Shopify admin, go to “Online Store” and then click on “Themes.”
  • Find the “Motion with Installments” theme and click on the “Actions” button, then select “Edit code” from the dropdown menu.
  • In the list of theme files on the left-hand side, locate and click on “theme.liquid” to open it.
  • Scroll down the code until you find the section, which represents the header of your website.
  • In this section, you’ll need to add the code for the announcement bar slider. You can use HTML, CSS, and JavaScript to achieve the desired effect. Here’s an example of the code structure you can use:

  

    - Announcement 1

    - Announcement 2

    - Announcement 3
  • Once you’ve added the code, click on the “Save” button to apply the changes.
4

Can you give me the exact code?

5

This worked as a guide but as I do not know any code I don’t know how to make it the way I want it to be. As given in the reference (https://sonix.audio/), I want the announcements to be evenly spaced from each other and move at a slower rate. Could you give me the exact code needed for this?

6

Try the below one:


  

    - Announcement 1

    - Announcement 2

    - Announcement 3