Nav menu second click interaction

Design help Animations & Interactions
1

Hello everybody,

Tablet and mobile view only. If I open te nav menu and click for example on ‘about’ the nav menu closes, just as intended.

The problem is, that when clicking on the hamburger menu again, I need to click it twice to open, since the first click is still connected to the previous interaction.

I tried to solve it with 2 nav buttons (one ‘open button’ and one ‘close button’) but nothing worked.

Here is my site Read-Only: https://preview.webflow.com/preview/the-transmitter-02?utm_medium=preview_link&utm_source=designer&utm_content=the-transmitter-02&preview=c20c35e0db539798ded2b1454cb141b3&mode=preview

2

Don’t use a two steps IX when you have multiple click triggers. Prefe crafting one OPEN and on CLOSE IX. It’s easier to maintian than the 2 buttons swapping (which should work)

3

I now have an open and close button. With each there own ‘one step’ IX. But the problem seems to be the same. (I marked the ‘Nav button close’ in red)

There must be something I oversee :upside_down_face:

Here is my site Read-Only: https://preview.webflow.com/preview/the-transmitter-02?utm_medium=preview_link&utm_source=designer&utm_content=the-transmitter-02&preview=c20c35e0db539798ded2b1454cb141b3&mode=preview

4

@Mark_Smit hi i try rebuild button trigger,it can work.

5

Thanks for helping me out!

I recreated what you did, but when I click on ‘about’ the menu closes but the hamburger menu disappears for some reason.

6

I fixed it!

I removed all ‘hide Nav button open’ actions in the IX. I made the close button absolute and gave it a black BG fill color, and made sure it was on top of the open button.

Now I can finnaly sleep at night :stuck_out_tongue_winking_eye:

1 Like