Hi again,
My Layer Slider seems to be a little buggy due to it’s responsive behaviour.
I created 2 different sliders, one for mobile, one for tablet and desktop monitors. At 768px width, both are displayed, but the one for mobile is just a “blank space” between the other and the site’s content.
At 752px the switch the role and the blank space is above the now shown mobile version.
Is there a way to fix this?
Thanks for your help!
Tim
Hi Tim,
Please send us a temporary WordPress admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.
Best regards,
Rikard
Hi Rikard,
thanks also for THIS reply :)
Please find the link in the private section
Hi,
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;
}
.home #layer_slider_2 {
display: block;
}
}
@media only screen and (min-width: 768px) {
.home #layer_slider_1 {
display: block;
}
.home #layer_slider_2 {
display: none;
}
}
Best regards,
Rikard
Good morning Rikard,
thanks, that worked. Thumbsup, thx!
Problem is solved for me.
Hi,
Great, I’m glad that you got things working. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi Rikard,
feel free to close it. Thx!