Mobile Menu Not Dismissing Properly When Using Section Links

Design help Layout & Design
1

Hello Helpful People -

I have a problem with a mobile menu that links to a Section in the Home page. The menu does not dismiss as it should.

Read-only link

Published Site https://www.mike-schwartz.com/

To see the problem, view the site in a browser window that is narrow enough to emulate a phone (or on a mobile device). Navigate to the home page. Then use the hamburger menu in the upper right to bring up the mobile menu. (Do this on the published site - I’m not sure that Preview supports intra-page linking properly.)

The 1st, 5th and 6th links are links to pages and they work fine.

The 2nd, 3rd and 4th links are links to anchors in the home page. Try clicking on any of these links. The home page scrolls properly but the menu does not dismiss automatically.

If you navigate to the Blog or Contact page and try using the 2nd, 3rd or 4th links they will work fine, leading me to believe the issue is related to intra-page linking.

Thanks for your help,
Mike

2

This is highly relevant. Close menu after clicking in the menu link - #14 by rodrigo_pellegrino

Also, from a Webflow friend:
“Basically, when you click on the hamburger, it gets an extra CSS class that indicates an open state. When you click on the hamburger again, the class gets removed, and the menu collapses. Now, when you click on a link that leads to another page, the HTML reloads, and the hamburger returns to the initial state. When you scroll to an anchor, however, the page doesn’t reload, and nothing removes the “open” class from the hamburger. That logic just isn’t there and has to be added somehow.”