Nav menu on mobile won't hide after navigating to new page page

Hi, the mobile menu, opened by hamburger, stays open after tapping the menu link and navigating to an assigned page. The page opens, the menu stays on. I wasn’t like this in the beginning but at some point through my designing the mobile menu, it stopped working correctly.

What it also does - it breaks the logic of hanburger (menu) to cross (close button) changing sequence as when it stays open on another page and I click hamburger to close the menu it closes but hamburger is replaced with the close button with menu closed already.

The navbar is a component and it is placed in 8 pages. I noticed that it works ok when I unlink the instance. Can’t find why this is happening, I’m sure there should be a smarter solution than unlinking components on 8 pages.

Thank you.

Here is my site Read-Only: [LINK]1
(how to share your site Read-Only link)