Can you have a mobile and a desktop version of the homepage slider?

Can you run two sliders at the same time on the homepage, one that shows on desktop and another that shows on the mobile version of the site?

Thank you!

Greetings,

you can achieve that by creating two sliders and set them to the same widget zone. Then in the field Theme class name add different classes for each of the sliders e.g. mobile and desktop.

Then add the following code to your Custom Head Styles section:

@media all and (max-width:1024px) {
     .slider-wrapper.theme-mobile {
          display: block !important;
     }
     .slider-wrapper.theme-desktop {
          display: none !important;
     }
}

Have in mind that whatever class name you choose for your sliders, when you write the code for it, it should have "theme-" in front of it.