I’m having issues with some mobile menu concepts I’m working on. When you click the hamburger button the menu comes in just fine. It also closes the way I want, but after that the menu button no longer works. Any ideas what I need to do different?
The menu is opening and closing, it’s just not showing the elements due to opacity issues.
In the Menu Close animation you have set:
Mobile Menu Background and Mobile Menu Container to Opacity 0%
However in Menu Open there is no returning that to 100%
So add a 100% Opacity to both those elements in Menu Open and you should see the menu open and close again.
As I say - partial fix, once you’ve got that working, it looks like you need to check settings for the nav items which on second open appear abruptly rather than sliding/opacity. They likely need a ‘closing’ opacity added, something to return their animated state…
Thanks again for the help! I got it working in this much simpler version. I’m going to try to start adding in the other elements one by one and getting it together.
Would you happen to know why in this version the “Menu Background” which is animating in with “linear” looks super jumpy? I’ve noticed this with a few things I’ve tried building. Any idea what could cause this? The same element has the same animation on close but seems to work as expected. Thanks!
The advice up above was to make sure your opacity is set correctly. But the second issue was position. It’s tough to say it if you want to post your share link I can take a look.
please find the link bellow, also please refer to mobile portrait as thats the only view ive edited the menu so far. Also here my actual site so you can see on your phone.