I'm having some trouble with the dropdown menu I've created. In the desktop view, when you click on the hamburger icon it opens the menu where the text is fixed on the screen and theres a solid color overlay behind it. The problem is in the tablet and mobile views the menu for some reason stays at the top of the page and the overlay is completely gone. I've tried a bunch of adjustments to the mobile view but nothing seems to work.
My question is: what is the best way to structure my menu so it behaves the same in the desktop view and on the tablet and mobile views?
Here is my public share link: LINK