Why can't I get the same interaction to work across different web pages?

Design help Animations & Interactions
1

I have made an interaction, mouse move on viewport, and turned this into a symbol (it is for navigation). I reuse that same symbol, with the same interactions in there, on another web page but the interaction ‘mouse move on scroll’ is not working, even though it is the same symbol and applied ‘Affect: Class : All elements with this class’.

Here’s the link: https://preview.webflow.com/preview/the-widgeon-theatre-boat?utm_source=the-widgeon-theatre-boat&preview=e4a48a08b4539bbcd039b16ec402a1c7

Here is my public share link: LINK
(how to access public share link)

1 Like
2

Hey @BUMPandHUSTLE

The problem comes from you using a page trigger. When using page trigger you need to manually add the interaction to the pages you want. I will suggest an element trigger.

See here > https://www.loom.com/share/d100508391f54b498069ef2651b0eecc

Piter :webflow_heart:

1 Like
3

Brilliant!!! Thank you for your time. Very much appreciated.

1 Like
4

Happy to help! Closing the topic :webflow_heart: