Hi guys, how do I make the nav bar drop-down menu disappear after clicking a link on it? On Mobile View only, after I click the hamburger icon then a different page’s link (like ‘home’ or ‘about’) the drop-down menu stays at the top, even after clicking on a different part of the page. The hamburger icon is not showing either so I can’t click it to make it scroll up??
Would this be solved with an animation or custom code? I’m new to webflow and could really use some step by step advice.
Cheers!
Here is my site Read-Only: (Webflow - Bebop Creative)
([how to share your site Read-Only link][2])
Hi guys, how do I make the nav bar drop-down menu disappear after clicking a link on it?
To show or hide elements on-click, select a trigger element to start an interaction animation (in your case this maybe “Menu Button 2”, but make sure your button is not contained within the same element you would like to hide, because the button will hide).
With the trigger selected, go to “Interactions” (top right).
Beside “Element Trigger” click the plus sign (+) and select "Mouse click (tap) from the menu.
Go to “On 1st click”, click “Select an animation”, under Custom Animation click “Start an animation”.
Beside “Timed animations”, click the plus sign (+) and name your animation.
Now select the element you would like to show or hide.
Click the plus sign (+) beside “Animations” and at the bottom of this menu select “Hide/Show”. Adjust the animation to you’re liking (there are many resources on how to make an interaction animation on this forum and elsewhere online).
On Mobile View only,
(See step 2. above)
Below “On 1st click” and “On 2nd click” there are “Trigger Settings”. There check the check boxes
on the breakpoints at which you would like the animation to be triggered (for mobile only, it would just be the “Phone landscape” and “Phone portrait” check boxes)
The hamburger icon is not showing either…
In the “Navigator”, double click the “creative” component to open and edit it.
Select “Menu Button 2”, and got to “Style”.
In “Layout”, select either block or flex-box (your choice) to show the menu button and edit it to your liking