Mobile - Menu not exiting when clicking navigation anchor links.

Site URL: https://www.soundproacademy.com

Hi everybody, 

Having a problem with my website.

I created multiple anchor links using page section ID and they work perfectly on desktop.
However, when I click on them from the mobile drop down menu, the menu doesn't automatically exit and basically the website is unusable after you click one of the links. 
I need to know how to fix it or I'll have to ditch anchor links completely... but I feel there must be a way, I can't be the only one having this problem.

Here's the website so you can check the mobile navigation behaviour yourself:
https://www.soundproacademy.com

Thanks a lot!

Quick update: 

I have removed the burger menu on tha page for the mobile version, so that I can still use the website in the meanwhile.
I have created a second page (a copy of the original website - It's a single page website) where the burger is still active, and still not working.
You can use this page to check the burger behavior:
Home Test — Sound Pro Academy

I'm having this is exact same problem on a client website. I also made a duplicate and removed all extra code with no success. It's only the mobile menu that's the problem.

Hey there! I tested out some things on my site and it looks like instead of making the link "#page-section-61fbc90ee4129e490e044763" (or whatever your specific id is), you will need to prepend that link with the URL slug of the page. So try something like "/home/#page-section-61fbc90ee4129e490e044763". This is the only thing that worked for me on both desktop and mobile.

The only thing is that it refreshes the page before scrolling down to that section on desktop whereas before, it would smoothly scroll down to the section on desktop, but I personally don't think that's such a bad trade-off. If you were hoping to keep the smooth scrolling affect, I'm sure there is a code solution for that somewhere.

Hope this helps!