Mouse Click interaction NOT working on mobile (still not working)

[Make-Machine (Ben)]

Hey Webflow community,

I am using the ‘Mouse click (tap)’ interaction to animate my mobile menu, however, it doesn’t work when I use my phone.

I’m using an iPhone and have tried both Safari and Google.

This is the second website in as many as two weeks that has the same issue…

*Note - I am using an iPhone 11 which is running the latest version of iOS.

I found this article which claims the issue has been resolved, but for me, this isn’t the case:

Mouse Click interaction NOT working on mobile

Hi, I’m using a Mouse Click interaction to switch hamburger menu icon to X when open and close. For some reason it won’t work when showing on mobile screen. it works nicely on desktop. Any suggestions? Thanks Here is my public share link: https://preview.webflow.com/preview/mobile-menu-try?preview=2e3b99a280e93fe6270a62829657faaf http://mobile-menu-try.webflow.io

Hopefully, I am missing something really obvious!

Kind regards

---

Here is my site Read-Only: https://preview.webflow.com/preview/inaugurate?utm_medium=preview_link&utm_source=designer&utm_content=inaugurate&preview=0535c9cf825e70c288757516c7d52486&mode=preview

[johnramos]

Hi @Make-Machine!

Can you try applying the interaction to when the navbar opens and closes? It seems that the open button for the menu is conflicting with the mobile button animation on click.

I’ve created a short video to further clarify: https://share.getcloudapp.com/E0uPQxQ7

I tested on an iPhone 8 Plus, and the button animation works as expected. When the menu opens it turns into an x and when it closes it turns into a plus.

[Make-Machine (Ben)]

John, you’re a legend!

That was the fix I was looking for - thanks so much!

Kind regards