I just checked on my iPad running chrome and the animation happens (color change and icon) but I don’t see the menu at all. Maybe a z-index issue with the hero container and the mobile menu container?
So I just took a look at your Read Only link and it may have to do with the display: flex on your menu container. I don’t see any reason why this can’t be set to display: block with some additional padding added to the top.
If you’d like I’ll record a quick video showing those adjustments.
My suggestion differs from the one above, so I recorded a short video below. Basically since you’re controlling the display property within the interaction, you’ll need to change it there instead of on the element div itself.
If that doesn’t work I’d recommend reaching out to Webflow directly via email to take a look at the issue.