Change dynamic free...
Clear all

[Solved] Change dynamic freeshipping bar animation  


Active Member
Joined: 3 months ago
Posts: 13
28/02/2020 12:55 pm  

I would like to change the animation of the top shipping bar in Plak theme, how could I do this ? I know it has something to do with CSS, but I couldn't figure out from where i can change this.

Thanks in advance

Topic Tags
Customer support Admin
Joined: 5 months ago
Posts: 44
29/02/2020 10:16 am  

Hi @alfonso

Katrine here from Plak theme,

The CSS that handles the top shipping bar animated is bounceIn and it is located in theme.liquid

In order to change it, please follow these steps :

  1. From your Shopify dashboard, click Online store => Actions => Edit code
  2. Open the file theme.liquid
  3. Click Ctrl+F ad search for bounceIn 
  4. Change it for something else, for example : flipOutX

Note : In Plak theme, there are some animations ready to use in theme.css.liquid, just search for .animated in that file and you will see some animations CSS codes such as : bounceIn, BounceOut, flipOutY, ...

If you feel that you need help to do the changes, don't hesitate to email us.

Kind regards,

Katrine| Plak theme support
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as a Solved Solution


Active Member
Joined: 3 months ago
Posts: 13
29/02/2020 2:49 pm  

It work great, thank you once again for your help Katrine 🙂