By preview I don’t mean site preview, I mean the preview you can click when building the animation.
also I’m only talking about mobile size here, so scale the browser down to mobile size, I haven’t built it for desktop yet.
it’s the nav expansion, you click the hamburger and the nav opens. For a little context, I copy / pasted the structure of the nav from another project I did. But to ensure the animation didn’t have any hiccups I re-did all the animations by hand. But now I’m having the issue where when you expand the nav, one of the hamburger lines moves like 400px to the right. But no where in the animation do I have a move set for that element to 400px. When you preview the animation it works perfect. But when you publish site or do a site preview, it’s broken. Any ideas?
really? it works for me in preview. ( not site preview, animation preview ) but either way, do you see how its knocking the hamburger line way to the right? where is that coming from?
Yeah that’s how its breaking, its kicking the hamburger line all the way to right.
Those are only desktop and tablet views you were checking btw, so far I’m only working in mobile size, desktop and tablet aren’t built yet. But yeah, same issue I guess.
Then use A combo class for each line of the burger menu (HamburgerLine1, HamburgerLine2, HamburgerLine3) - so you can apply different interaction on each line. Use interactions to rotate 2 lines to achieve X for close button. Hope it help