Hover Animation

Store Design
,
1

I want to add hover animations to the links on my header like in the video below, is it an app that I can download to customize these animations or is it a code?

Untitledvideo-MadewithClipchamp1-ezgif.com-video-to-gif-converter.gif

Thanks in advanced for answers!

1 Like
2

Hello @YassSaddouni

Thank you for submitting your query to the Shopify community. I’d be happy to assist you. Could you please provide the store URL and password (if it’s password-protected) so I can review and get back to you with an update?

1 Like
3

Hi @YassSaddouni

  • From your Shopify admin, go to Online Store > Themes.
  • Click Actions > Edit Code for your active theme.
  • find theme.liquid file paste this code before tag:
  • Ensure your header links have a class that matches the CSS selector above (e.g., .header__link).
  • If needed, adjust the class name to match your theme’s structure.
1 Like
4

https://www.welovepets.shop

There shouldn’t be a password on it if so it should be: dieffa

Thank you in advance!

5

It doesn’t seem to be working for me :confused: maybe I don’t understand what you meant by ensuring my header links have a class that matches the CSS selector I’m a noobie

Here is my website in case I did anything wrong: https://www.welovepets.shop Password: dieffa

Thank you very much!

6
  • From your Shopify admin, go to Online Store > Themes.
  • Click Actions > Edit Code for your active theme.
  • find theme.liquid file paste this code before tag: