Hey guys, Context: currently I am trying to build a header navigation like the one on webflow.com . There you can see a few nav items that are links and some that have dropdown elements for submenus/mega menus. When you click a dropdown toggle, it opens the mega menu and at the same time the page …

Update: The solution is to use the trigger “Dropdown Opens” or “Dropdown Closes” on the dropdown element. You can leave the trigger element completely untouched. Since the default action of the dropdown is either open/close on hover or on click.

There’s a way to build it using the native dropdown component, but from what I’ve found it has to be a fixed navigation: [image] Full Width Dropdown Menu General @Sam_G I tried that but if you see my screenshot it just goes off screen More detailed explanation …

Create Mega Menu with page overlay

Design help Animations & Interactions

Port_of_Folio (Port of Folio) January 15, 2024, 5:15pm 3

There’s a way to build it using the native dropdown component, but from what I’ve found it has to be a fixed navigation:

More detailed explanation

1 Like

Topic		Replies	Views
Multiple mega menus with interaction General	1	259	January 15, 2024
Help with click & hover over menu interactions Animations & Interactions	8	5720	June 24, 2018
Dropdown menu on click Overlay Animations & Interactions	2	1117	July 6, 2019
Use hamburger button with interactions to show and hide nav menu Animations & Interactions	2	2440	March 25, 2017
Multiple Dropdown Menus (Show/Hide Behaviour) General	7	5136	November 26, 2016

Create Mega Menu with page overlay

Related topics