Menu requires double tap to open properly on mobile

Design help Animations & Interactions
1

Hey Webflow community,

I’m experiencing a new issue with my menu interaction on mobile only where it only opens properly on every second tap instead of the first. 2 months ago, it worked completely fine. I can loop this behavior so every second tap is “right.” Look at the image below:

Menu Open
Menu Open784×1690 125 KB

Here’s what I’ve tried so far:

  • The menu is initially set to display: none and toggles to display: block when the button is clicked.
  • I also tried using opacity (0 → 100) instead of display but the issue still persists.
  • On desktop, it works fine, but on mobile, I always need to tap twice to make it open properly.

Does anyone know why Webflow interactions require a second tap on mobile and how to fix it? Any insights would be super helpful!

Here’s my Read-Only Webflow link:
:link: Webflow - THIRD NATURE

And live: https://third-nature-21b697.webflow.io/

Thanks in advance!

2

Hi there,

The default menu button in the navbar should expand and collapse with a single click on all devices, including mobile. If you’re experiencing issues, it’s likely because you’re using custom display and opacity interactions instead of the built-in navbar functionality.

The built-in navbar menu button is specifically designed to handle responsive navigation and automatically manages the organization of nav links when space is limited. To ensure proper functionality, consider removing any custom interactions and utilizing Webflow’s native navbar component instead.

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.

3

:face_with_peeking_eye: hm would love some alternative input on this.

4

I also started experiencing this… not sure why, because mine too was working a few days ago.

Will dig into this later - but I’m probably just going to move away from Webflow IX2 completely. It’s been quite a difficult UX.

5

Yeah! I just spend 5-8hs recreating the whole menu incl. interaction (without any “complex” animation), and now it works again :sweat_smile: