Since version 6 of LayerSlider you have the option to display layers only on certain devices (desktop, mobile, tablet). This feature is called device specific layers, and it gives you the option to create separate layers for mobile, tablet and desktop view in the same slide, and only show them on the required device. This only changes the slider on the layer level. It is possible to set min.mobile font size in the layer styles.
Additionally to the device specific layers, you could also build two sliders with different sizes or with different content/layout for desktop and mobile, include them both to the site, and only display them (using the Hide over and Hide under options in the Slider Settings) on the required device. You can change every slider option this way. So this gives you more control, but requires more work.
I need to create different sizes for the sliders based on the devices used and see the result as I do this. Where do I find video tutorials for this? I also use other plugins for slides and they allow me to do what I'm asking of you ... I purchased the LayerSlider license which was already installed in a theme I had purchased, hoping to have these possibilities ...
You can hide/show the sliders under/over specific px in the slider settings / mobile tab with the hide under and over option. You should reduce the canvas width, height in the slider settings / layout tab for the mobile slider.
Where do I find the settings for adjusting the slides on different mobile devices, tablets and desktops?
What I want is to adjust the size of the slides, the text, the margins and fill of the elements, etc. on different devices ...
Where can I find tutorials or information for this?
Hello Cinzia,
Thank you for getting in touch with us!
Since version 6 of LayerSlider you have the option to display layers only on certain devices (desktop, mobile, tablet). This feature is called device specific layers, and it gives you the option to create separate layers for mobile, tablet and desktop view in the same slide, and only show them on the required device. This only changes the slider on the layer level. It is possible to set min.mobile font size in the layer styles.
Additionally to the device specific layers, you could also build two sliders with different sizes or with different content/layout for desktop and mobile, include them both to the site, and only display them (using the Hide over and Hide under options in the Slider Settings) on the required device. You can change every slider option this way. So this gives you more control, but requires more work.
Best Regards,
Andrea | Kreatura Support Team
Thanks Kristof for the reply.
I need to create different sizes for the sliders based on the devices used and see the result as I do this.
Where do I find video tutorials for this?
I also use other plugins for slides and they allow me to do what I'm asking of you ...
I purchased the LayerSlider license which was already installed in a theme I had purchased, hoping to have these possibilities ...
Hello Cinzia,
Thank you for your answer!
Unfortunately I couldn't send you tutorial videos about how to create separat slider for mobile, but you should check one of our templates where we create separate sider for mobile and desktop, for example:https://layerslider.com/sliders/marketing-page-pack
https://layerslider.com/sliders/personal-page-pack/
You can hide/show the sliders under/over specific px in the slider settings / mobile tab with the hide under and over option. You should reduce the canvas width, height in the slider settings / layout tab for the mobile slider.
Best Regards,
Andrea | Kreatura Support Team