Animated hamburger menu icon

Done but still happening the same. The old close button show up and the only way to close the menu is by the old close button. :(

Hi there,

I ended up starting from scratch and wrote this: https://docs.generatepress.com/article/animated-hamburgers/

If you ditch what you have now and follow those instructions, it should work.

Thank you very much Tom, your help is amazing! Now the menu is animated!!
I added a little css to hide the old close button, I'll attach it here in case can help anyone:

.icon-menu-bars{
display:none;
}
button.menu-toggle,
button.menu-toggle:hover, button.menu-toggle:visited, button.menu-toggle:active, button.menu-toggle:link{
background-color:transparent !important;
}

.pro-close svg{
display:none;
}

Thanks again for your help!!!

Awesome, glad I could help! :)