How can I have the following only becom active when the browser is a certain width, i.e. over 1024px?
var actionBurger = gsap.fromTo('.burger', {autoAlpha: 0,}, {duration:0.3, autoAlpha: 1, ease:'power2.out', paused:true});
ScrollTrigger.create({
trigger: ".header",
start: "6px top",
onEnter: () => actionBurger.play(),
onLeaveBack: () => actionBurger.reverse(),
});
Thanks