Hamburger menu not working in google chrome or android phones

Site URL: https://trumpet-chinchilla-n7y7.squarespace.com/

I am creating a site for a restaurant, and I'm having an issue with the mobile hamburger menu. It works on my iphone and safari on my mac when I make the page smaller. But it doesn't work on android phones (or the one I've tested it on at least) and not in chrome. There is a bunch of CSS code to make the menu, but I don't know if any of it can be interferring with the mobile menu?

This is the site I am creating (no domain attached yet): https://trumpet-chinchilla-n7y7.squarespace.com/

24 minutes ago, paul2009 said:

Temporarily remove your Custom CSS (save it somewhere safe) and you should find that the mobile navigation works correctly. You can then start troubleshooting your CSS by adding sections until it stops working. 

Good idea! I did that and it seems it was the blur that was added to the header that did it. After removing it, it works perfectly. Thank you!