Hamburger Menu not toggling

I am having issues with getting my hamburger menu to toggle with javascript. Here is my codepen: https://codepen.io/empyrealseo/pen/abZvbbr

I get no response when clicking on the hamburger menu icon. Please help

If you look in the browser inspector you’ll see that the ‘show’ class is indeed toggling on menu div, so your event handler is working correctly. The issue is that the menu div isn’t displaying on top of the page but it is rather hidden underneath the elements on the page. So you need to use CSS to bring it on the top over all the other elements. I was able to do this by adding two properties on the menu div.

1 Like

Thanks a lot! I fixed it using z-index on nav :partying_face: :partying_face: :partying_face: :partying_face: