Just to update quickly, I’ve managed to get the mobile navigation to slide in when the hamburger is clicked but for some reason it doesn’t slide out when the close icon is clicked. This is the CSS i worked with in the browser, any ideas? Has anyone ran into this issue before with the mobile menu not animating the slide out?
The element i’m trying to transition and apply different translate effects to is the element’.wp-block-navigation__responsive-container’ applying translate to the ‘is-menu-open’ class but nothing i try seems to work
Thanks for your response. I’m quite familiar with onClick functions on elements, applying classes on the navigation container hasn’t worked for me as it looks like it has some default behaviour on how it appears and disappears. I’m unsure how to override or adjust the defaults.