It was so simple for me to get any animation I created with legacy to transfer over. You would just create your animation and then pick what elements you wanted it to work with. I’ve been struggling with this transition to Interactions 2.0 because it seems counter-intuitive to how things were with legacy interactions.
I understand that I am now selecting a single element that I want to be the trigger for this animation, but for whatever reason, the trigger only seems to work on elements that are children or siblings of itself when it’s on a different page.
I’ve created a mobile navigation animation that triggers when you click the hamburger menu. Now I have both the Nav menu and the actual Link list as separate symbols. I’ve tried this with them both as symbols, both not as symbols and everything in between and can’t figure out what the issue is here.
You will notice it works as expected on the home page, but not any others. On the About page I got the Hamburger menu transformation to work but the actual link list does not animate in.
I greatly appreciate the update that came out today and I think it’s a step in the right direction, but I’m truly hoping they don’t say goodbye to legacy interactions before something like this is as simple as it was with them. That being said, maybe this is entirely feasible as is and I’m just not Interactions 2.0 competent.
I appreciate any help I can get on this greatly.
I should mention the navigation I’m speaking of is only visible starting at tablet size and you must scroll down the page a little ways before it appears.
Here is my public share link: https://preview.webflow.com/preview/zepto?preview=4cde4931ea624f974372147dce6fabbc
(how to access public share link)