Streaming live at 10am (PST)

Mobile only slider help

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)

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

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.

1 Like

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

1 Like