How to hide slider (mobile-first)?

[Chester]

How do I hide my slider or how can i prevent my slider(images) from being downloaded in mobile. I’m using the mobile-first approach and I don’t want the slider when on mobile. The slider will just be available on tabs to desktops.

I know I can just add a display: none on the slider container but i believe the images will still be downloaded.

What’s the best way to do this?

Thanks.

[Alen]

It shouldn’t be in the DOM in the first place. Inject it after certain breakpoint via JavaScript. And fallback with `

[Chester]

@AlenAbdula
OK, thanks. How do I do that? Any links for reads?

And I was wonderring if I just can change the images when on mobile. Make the images smaller so it can be clearly seen because scaling down a 1600px wide image to fit in mobile makes the content of the image not clear.

[Author]

Posts