Streaming live at 10am (PST)

Interaction to hide and show a menu on click


#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: https://webflow.com/design/globalhomesmagazine?preview=9ca52302b090be4f81f564c7e03ae94c


#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:

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

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


#5