Hello All,
I hope you can help, I am making the standard hamburger icon in to an X on click.
Here is my timeline:
var hamburgerLiTimeline = new TimelineMax();
hamburgerLiTimeline.pause();
hamburgerLiTimeline.to(hamburgerLiOne, 0.5, { y:11, rotation:45})
.to(hamburgerLiThree, 0.5, {y:-11, rotation:-45}, 0)
.to(hamburgerLiTwo, 0.01, {autoAlpha:0}, 0)
.to(hamburgerLi, 0.5, { background:"rgba(255, 255, 255, 1)"}, 0);
This works fine on my desktop browser but when I either go in to device mode on the Chrome browser or actually use the site on a mobile/tablet, the y translation doesn't work, the li's only get rotated...
I have been banging my head against the wall for hours trying to figure out why...can anyone help?
Many thanks.