[Scroll Magic animation but only on mobile]

You can see from my codepen that I have a logo on my website that fades out as you scroll down the page. I only want to do this on mobile and mobile screen sizes.

 

I'm using scrollmagic with this also.

 

Does anyone know how to set this up so the effect will only work on mobile and screen sizes < 768px.

 

I'm fairly new to JS and so would appreciate baby steps.

 

thanks

See the Pen gLPdBM by i-am-niall (@i-am-niall) on CodePen

[Is this effect using GSAP?]

http://conference.awwwards.com/london-2017/

 

I love the animation effect on the above website, that kind of floating elements effect as you scroll. Is this using GSAP?

 

Having looked at the source I found that it's using it for something but not sure what, there is also a plugin called scrollMagic which could be doing this instead.

 

Your thoughts and any help would be appreciated.

 

N.