I am having trouble with a custom Navbar and would love some guidance!
I was using Waldo’s site as a guide for the hamburger/X- https://preview.webflow.com/preview/custom-hamburger-menus?preview=b98fb1656f59c97d70dddfefa2cdfba9
As for the nav, I wanted the hamburger to open a full screen nav menu. I made a modal for that and had the interaction on the hamburger menu also effect the modal.
However, when you click to open the modal/full screen nav, the modal opens but the links aren’t clickable. And oddly, you can click anywhere to “close” the hamburger menu, but the modal is still open (only if you click on the hamburger does the modal close). However, if you do click elsewhere on the screen to “close” the hamburger menu but not the modal, then after that, the links on the modal ARE clickable - but the hamburger/X on the menu is then out of sorts with the open/close state of the modal (modal is open but hamburger is 3 lines and not an x).
I’m not sure I explained this correctly, but if you go to the site and give it a try, you’ll see what I mean…
Can you help? Is there an easier way to make this type of full-screen nav that I’m not aware of?