Hide and show interaction with self-made menu button

Hi all, I’ve made my own menu bar and nav menu and i’ve set the interactions on mobile to fade in and out when tapped on.

The interaction does not show when I do the first tap on Display mode, but the interactions work after first tap.

Can anyone help? :frowning_face:


Here is my public share link: https://preview.webflow.com/preview/black-light-studio?utm_medium=preview_link&utm_source=designer&utm_content=black-light-studio&preview=06cc2efa62dded88b1c960522850c300&pageId=5e6b42463dfad87ebbcb8446&mode=preview

Hey Jose! I’ve run into that issue before. I think it was an iOS update that is causing it. There is a solution listed here, but basically you can use the Navbar component and tie your interaction to the Menu Open/Close trigger instead of tap/click.

I actually made a cloneable menu using this method and a custom menu button. You can check that out here: https://webflow.com/website/Animated-Hamburger-Menu

Thank you Parker!

I’ve managed to fix the issue. :slight_smile:

1 Like