When the nav is set to an ID , e.g., #about the mobile menu stays open when scrolling to that area on the page. How do I toggle the menu back off when the user clicks on a menu item and the page scrolls to that location?

Right now it scrolls to that section of the page underneath the menu, once the menu gets too long the user will not be able to see that the page scrolled to a new section since the menu stays open for them.

See Attachment:
Using the single product demo I chose reviews in the mobile menu and it scrolls to that section on the page with the menu still open.

Thank you.