Navbar (hamburger) not (auto) closing on expanding breakpoint from tablet to desktop

Hello,

I just started learning webflow and wanted to build out a custom navbar after watching a few tutorials. I got most of it working smooth, however, when i open the hamburger menu on the tablet breakpoint and expand the the breakpoint to desktop while the menu still open the hamburger doesn’t collapse automatically. The hamburger is set to hidden on desktop and flex on tablet and below. It just turns into this weird experience (I have provided as many screenshots as i could). To fix it, you have to collapse the breakpoint to tablet or below and close the hamburger. Any help would be awesome. I have no coding experience.
Uploading: Screenshot 2024-01-16 at 21.27.02.png…
Uploading: Screenshot 2024-01-16 at 21.27.11.png…
Uploading: Screenshot 2024-01-16 at 21.27.16.png…
Uploading: Screenshot 2024-01-16 at 21.27.28.png…
Uploading: Screenshot 2024-01-16 at 21.27.34.png…


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