Hi Web Dorado,

I made 2 versions of slide shows in Slider WD. One for regular screen resolution (Slider1), and a second version, without video backgrounds. for smartphone (Slider2).

I would like to switch out my sliders so that the (Slider1) views until the viewer uses a smartphone to view it than it goes to displays (Slider2). I.E.in CSS [
@media (max-width: 640px)
{

.wds_slider_0
{ }

}
]

I am confused on which field to apply it to. I could use some suggestions on how best to apply this, or if there is a way to use video backgrounds on smartphones.

Regards,
Brian

Hi Brian! Thank you for posting your request!

Could you please give the link to the page, where you have placed both of these sliders? We will provide you the CSS code, which hides the video slider on mobile and displays the one without videos.

Thanks! Have a wonderful Friday!

Hi Agapi,

the address is: gilmanindustries.com/Gilman3/
Also I am having size issues with this slideshow. Sometimes, in Google Chrome, it doesn't cover and I have to play with resizing the window to get it to rescale and fit.
Thank you, I really appreciate it.

Best regards,
Brian.

Hey Brian! Thank you for the link!

Unfortunately there is only one slider on the page right now, so I could not detect the exact classes of your slider. But here's how the CSS code should look like:

.mobile_slider_class {
    display: none;	
}
@media screen and (max-width: 640px) {
    .large_slider_class {
        display: none;
    }
    .mobile_slider_class {
        display: block;	
    }
}