Switching Sliders

Brian Gilman created the topic: Switching Sliders

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

#70206

Please Log in or Create an account to join the conversation.


Agapi G. replied the topic: Switching Sliders

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!


Kind regards,
Agapi G.
Web-Dorado team
#70268

Please Log in or Create an account to join the conversation.


Brian Gilman replied the topic: Switching Sliders

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.

#70342

Please Log in or Create an account to join the conversation.


Agapi G. replied the topic: Switching Sliders

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;	
    }
}

Please change the classes accordingly and add the code to style.css file or custom CSS editor of your website theme. You can get the IDs from frontend, using developer tools of your browser.

As for the display issue, could you please give us a screenshot (or short screen video), where we can see the problem?
Thanks! Enjoy the weekend!


Kind regards,
Agapi G.
Web-Dorado team
#70378

Please Log in or Create an account to join the conversation.


Time to create page: 0.152 seconds
Powered by Kunena Forum

WORLD-CLASS SUPPORT

We are here for you every step of the way. Turn to our support with any questions you might have about our products and services. Our experienced customer care team is available to help you as fast as we possibly can.

Contact us