Hamburger menu overlapping the nav bar

Hi all, I need help with this navigation bar. I have to develop this Nav bar which has a hamburger menu for the desktop. When the menu opens the links should overlay the nav bar. Here you can see what I want to achieve. Can someone help me with that? :pray:t2:


Here is my site Read-Only: https://preview.webflow.com/preview/www-mcarchitects-it?utm_medium=preview_link&utm_source=designer&utm_content=www-mcarchitects-it&preview=0ee8da58bc96862633ee1e086b3ceeab&workflow=preview)

There may be better ways to do it, but if I set the navbar element positioning to relative, then the ‘navbar_menu’ element to absolute positioning, I can control the overlay.

I think if you play with some z-index’ing you’ll get the logo to popup.

I tried that too but then when I go to preview, the nav_menu keeps sliding from under the navbar element.

I managed to do this. In order to have the Nav Menu overlapping the Navbar, we need to set the Nav Menu with position:fixed