Different layer sliders for different resolutions?

Hi,
i’m using layer slider for desctop and responsive with this code:
@media only screen and (min-width: 701px) {
#layer_slider_1 {
display: block !important;
}
#layer_slider_2 {
display: none !important;
}
}
@media only screen and (max-width: 700px) {
#layer_slider_2 {
display: block !important;
}
#layer_slider_1 {
display: none !important;
}
}

I would like to do same for another resolution inbetween.

Is this possible? How can i do that?

I would like to use:
1) for max-width 700px
2) for max-width 1000px
3) for max-width 1500px

Where do i add “layer_slider_1” and “layer_slider_2” in the slider options? I could not find it? Someone helped me before…

Kind regards and thanks!

Jak

• This topic was modified 4 years, 5 months ago by Jak73.