Streaming live at 10am (PST)

Animated hamburger button glitch


#1

I created a mobile animated hamburger menu following one of the tutorials and it works great but…when you click on the hamburger to open the menu it transitions to an x just fine but when you click the x to close it transitions back to a hamburger but the top div block(1 of 3 making up the hamburger) loses 1px in height. It is very weird and I have tried everything to remedy it but can’t seems to get it straightened out. Any ideas?


Here is my public share link: https://preview.webflow.com/preview/measure1?preview=2429f7e70a07b338c29c9e8bdf0f1ed5
(how to access public share link)


#2

If you remove the -45 degrees on the navbar close interaction for 'Top Line Closed' and replace it with just a rotation back to origin, all zeros, the pixel stays intact!

LJB


#3

Awesome! Just got it working. Hey thank you so much for figuring that out. It wasn't a big flaw but was driving me nuts.
Thanks again!


#4

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.