I could't display and hide both sliders via CSS ... but I'm sure there's a more elegant solution somewhere in the LayerSlider settings ... or an Avada option.
You do not need to use CSS to hide/display sliders on mobiles. You can use the Hide under and Hide over options in the Slider Settings -> Mobile tab. You can choose a breakpoint and show the desktop slider above it and the mobile slider under it with these options.
Hey guys,
I'm using Avada + LayerSlider. I've imported the Personal Page Pack Slider (https://layerslider.kreaturamedia.com/sliders/personal-page-pack/) and I am wondering on how to integrate the "Personal slider 1 - Mobile" so it works just like on the demo site.
I could't display and hide both sliders via CSS ... but I'm sure there's a more elegant solution somewhere in the LayerSlider settings ... or an Avada option.
Couldn't find any info online.
Cheers,
Steven
Hello Steven,
You do not need to use CSS to hide/display sliders on mobiles. You can use the Hide under and Hide over options in the Slider Settings -> Mobile tab. You can choose a breakpoint and show the desktop slider above it and the mobile slider under it with these options.
Hi Attila,
Okay, so I'll simply have to add both Sliders to the site, right?
Or is there an option to link both Sliders together in the Slider Settings and then add only one of the Sliders to the page?
Cheers,
Steven
Yes, you will have to add both sliders to the page. And they will be automatically swapped out on certain screen sizes.
Okay, thank you!
I was just worried that it might affect the performance of the website negatively when I have 2 sliders.