Nav bar - Drop down menu on the new responsive

Hi guys, I’ve managed to create a reusable header, responsive enough to show/not show stuff when the viewport becomes smaller. Now, I have a hamburger icon on the right, which I want to show a dropdown menu when it is clicked.

So the header, I have created the container type as row and then put the logo, nav bar, and some buttons on the right. This all works fine but how do I put a floating group fixed on the right hand side so that it displays when the icon is clicked?

Not sure I can explain this properly, If I were to make the main container a column, I can hide/show the next col below.

Can someone guide me to a vid or a page with examples on how to tackle this?