Help with implementing menu animation

Hi there,

Are you trying to achieve just the menu toggle icon, or the dropdown effect of the menu as well?

Trying to achieve both, Tom!

It's possible, but pretty complicated. Might be best to tackle one thing at a time.

For the menu toggle transition, this topic might be helpful: https://generatepress.com/forums/topic/animated-hamburger-icon/

Specifically, this PHP: https://generatepress.com/forums/topic/animated-hamburger-icon/page/3/#post-584786

This CSS:

.menu-toggle .mobile-menu,
.menu-toggle:before {
    display: none;
}

And this JS: https://gist.github.com/generatepress/589b9e91bca7205883b0454f15a4dcf9

Let me know if that topic is helpful at all :)