[Martin Sansom]

Thanks for your reply, but we’re not there yet. The CSS you suggested did change the thumbnail boxes to square (250×250) but also stretched the image within the box, instead of showing a greater area of that image, which is what I need.

What else can you suggest? Thanks!

[Martin Sansom]

For anyone following this support thread, here is the custom CSS that I used to remove the slider from mobile devices with a screen width less than 480 pixels:

@media screen and (max-width:479px) {
#supersized {visibility:hidden!important;}
#supersized li {visibility:hidden!important;}
.slider-parent {display:none!important;}
}

Not sure if all 3 lines were needed, but it did the trick. Right now, I am searching for a means to swap out the default background image with an image to be displayed only on mobile. The default background (once the slider is removed) does not reformat its width correctly, so I need to either swap it with a smaller image or figure out how to force it to reformat depending on screen size. Any help would be appreciated.

[Martin Sansom]

Shri, while I really do appreciate your quick reply, an opinion of what is a good idea for my site isn’t what I’m looking for.

If there are CSS instructions for your other themes to hide the slider in mobile, please post them here and I will be happy to experiment with them.

Thank you,

Martin

[Author]

Posts