Mobile only slider help

[Jeff_Jodway]

Trying to turn a 3x2 group of tiled images from desktop into a slider horizontal slider on mobile. I dont know how to turn the tiled images from desktop into a slider on mobile without effecting the desktop… i only want the slider mobile. also, the tiled images i made with CSS Grid, and it seems that when I try to delete the grid on mobile it also removes it from the desktop… not sure how to unlink it? img for reference! thanks everyone.

---

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

[Jeff_Jodway]

anyone have an idea how to get this to work? still trying to figure it out, thanks!

[webdev (Jeff S)]

Hi @Jeff_Jodway, welcome to the forums.

You could take this approach. Take the block containing the tiled images and hide it on mobile. Then create a slider and hide it on breakpoints larger than mobile.

Just consider that when an element is hidden, the browser will normal download the assets. So that can create a additional load on mobile clients. So I would consider image sizes and optimization of them to ensure the best possible performance.

[Jeff_Jodway]

That was it! thanks alot, great solution it worked well.