Hamburger and Search Icon issue

Hi,

I am having great difficulty solving 2 problems that I have. I have listed the issues below. I have submitted a video with audio so you can exactly see what the problem is.

First issue

As you can see from the video when pressing the search is icon is plays the animation first time round but when you go to click it again it does not loop. The icon and logo disappear but the search bar doesn’t seem to appear. I am trying to loop the icon to play the same animation over and over.

Second issue

The hamburger menu opens up the animation of the menu plays. When you close the menu everything slides up but once the animation is finished the menu on the background seems to appear even though it is set to hide.

Links

Designer link :

https://preview.webflow.com/preview/kabeers-wondrous-project-91a895925f925b?utm_medium=preview_link&utm_source=designer&utm_content=kabeers-wondrous-project-91a895925f925b&preview=69c4f430b412d3757eb844cf3cd85e4f&mode=preview

Outside designer link:

https://kabeers-wondrous-project-91a895925f925b.webflow.io/

Video:

(Hamburger and Icon issue)

Many thanks

Kabeer