Hamburger Menu - Slide In Animation

I am having trouble getting a animation to trigger correctly. When someone clicks the hamburger icon, I would like for the text to slide in from the left.

Currently, I have this animation set:

interactions

This triggers in the designer when the menu is open, but that’s it. How can I modify the animation to slide in from the left every time the hamburger menu is opened?


Here is my public share link: Webflow - Half Saint Clothing

Public Link: https://halfsaintclothing.com