Announcement bar text to move up & down Dawn theme

Store Design
, ,
1

Hi,

Is is possible to customize the announcement bar so the texts shown move up & down instead of from left to right?

Thanks a lot in advance.

2

Hi @Multicoloruni Yes this can be possible, but you need to add custom code to achieve this, this will be accomplished with editing the javascript and css code in your theme, this is the only way you can achieve this or you can create your own announcement bar with the custom code, without that you will not be able to achieve this.

If you will unable to implement the same then I’m happy to do this for you, let me know. I can implement the code changes so that this will work well for you.

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

Best Regards

Sahil

1 Like
3

Hi @sahilsharma9515 thanks for the reply. If you could help with this code, of course I will very grateful. Please, let me know how could this be implemented. Thank you.

4

Hi @Multicoloruni I can provide you the base code if needed as to provide you the exact code I will need the access of your theme so that I can look into the code files and provide you the exact code.

Here is the base code that you can use:

/* Example CSS for announcement bar animation */
@keyframes moveUpDown {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-50%);
  }
  100% {
    transform: translateY(0);
  }
}

/* Apply animation to announcement bar */
.announcement-bar {
  animation: moveUpDown 5s infinite; /* Adjust animation duration and timing as needed */
}

Also you need to remove the code from the theme which is helping the text to move left to right.

Please Note: You need to edit the code according to your theme file, just copy and pasting of the code will not work.

If you will unable to implement the same then I’m happy to do this for you, let me know. I can implement the code changes so that this will work well for you.

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

Best Regards

Sahil

5

Hi @sahilsharma9515 thank you for the help (and sorry for such a late reply). I tried implementing this but with no success. I was wondering if you can help me with this code. I can share you the URL and password if that’s ok. Thanks so much in advance for your help.