Resetting the Hamburger 'X'

I’m have used a cloned Hamburger menu on a site I’m building and it works well, but there is one problem. My site is a one-page scroller… So on the mobile version, when I open the menu, select a menu item and wait for it to scroll to that location on the page, the drop-down menu itself closes, but the ‘X’ does not revert to the original hamburger state. How can I fix this?

Any help would be appreciated. Thanks

If you have a suggestion that can help please post it here. Thanks

The solution to this problem was to add the icon transform interaction on the Nav Menu container, not on the hamburger menu button itself.