Two navbars (one is a noram menu and the other is hamburger menu)

Hi Guys,

I’m facing a difficulty with something, I want to have a normal navbar and next to it a hamburger menu

and when the hamburger menu is clicked, an overlay will cover the entire screen to show the inside menu links like in the image attached

I tried to do flexbox and organize each menu in a div by itself but its not working
read-only link

Here is my site Read-Only: **[]

So mega menus like that usually have to be created manually using interactions because you’ll need a lot more customization than a regular hamburger. Basically you’ll need to make your full screen mega menu in a div and then trigger it to show/hide from your hamburger icon using interactions. I suggest checking out this thread Super Mega menu

1 Like