Interaction to hide and show a menu on click

Design help Animations & Interactions
1

Kindly click the burger menu icon to see how wonky the transition is performing. What am doing wrongly. Is this a bug or me?

Find preview below: Webflow - globalhomesmagazine

2

Hi @topelovely, here are some tips to get your interactions headed in the right direction.

  1. In the menu button’s First Click trigger, move the Display step above the Height step like so:

1296×1382 150 KB

  1. Then, in your menu’s Hide on Load interaction, set the initial height to 0px so it looks like this:

1070×954 104 KB

That should do it! Let us know if that helps.

-Dan

3

Thanks danro. That did it.

4

Please, if I want to hide my target “Hide on load” on user clicking, scrolling or engaging in other activities apart from selecting anything in the menu. How should I go about it?

Presently user have to click the burger menu to hide it, which is not intelligent enough. Thanks