Hello,
I really love your theme, but a major question:
i have a slider for desktop (named: desktop) and an slider for mobile (named:mobile). I used the included layer slider WP.
How can I implement it, that the slider for the desktop is only shown on the desktop and the slider for mobile is only shown on a mobile.
It would be nice if I can have a hint for a solution – im not a devolper/coder/programmer it would be nice if there is an easy solution ;-)
thanks in advance & best regards
maikel
Hey ThemePlayer6,
Please refer to the following:
https://kriesi.at/support/topic/showing-different-layer-slider-on-desktop-and-mobile/
Best regards,
Jordan Shannon
but I don’t know, what do to do with the code ;-) sorry, I don’t have deep developer skills ;-)
And do i have to define something in slider WP ?
thanx in advance & best regards
maikel
Hi Maikel,
Thanks for the update. Please post a link to where we can see the sliders in question.
Best regards,
Rikard
Hello Rikard,
here we go: I put the both sliders on the Startpage and the link to the page into the private content:
on the top its the desktop slider, underneath there is the mobile version.
Thanks a lot in advance – best regards
Maikel
Hi Maikel,
Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) {
.home #layer_slider_1 {
display: none;
}
}
@media only screen and (min-width: 768px) {
.home #layer_slider_2 {
display: none;
}
}
Best regards,
Rikard
Hi Rikard,
Thanks a lot – it works fine !
Best regards
Maikel
Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums
Best regards,
Jordan Shannon