In my Layer Slider editor, the option between Desktop View/Tablet View, Mobile view does nothing...I would like to have different view on the mobile, but it keep resssizing me the desktop view. How can I do it, or do you have a teplate where this is done right...? Can you shom me what I am doing wrong?
There are two options in LayerSlider if you would like to have different layout / layers on mobile and on tablet / desktop devices.
The first one is to create two different sliders: one for mobile devices with approx with 9 (width) to 19 (height) ratio. For example: 450x 950 - this is ideal for mobile phones with portrait mode. This slider should have full size layout - this looks the best on mobile devices. The other slider for desktop devices can be any layout - depending of your website or your personal requirements, but a full width or full size layout gives more wow factor than a normal responsive slider. It is important to set that these two slider how should be visible on your website. This can be done under Project Settings / Mobile menu. I would set the mobile slider's Hide Over value to 639 and the desktop slider's Hide Under value to 640
---
The other option is to have only one slider (with full size layout).
In this case, f you would like to have layers with different style and properties on mobile devices and desktop, I'll suggest you to use device specific layers. If you create a layer, you can set device visibility under LAYERS -> CONTENT, which means that the selected layer will appear only on the selected device type. You can select and combine desktop, tablet and mobile devices.
If you - for example - disable a layer on desktop, it will disappear from the slider if you are viewing it on desktop.
It is important to know, that in this case the layer will temporarily disappear also in the editor and it will be faded out in layers list. The reason of that is the editor is showing the content in the desktop device view by default. You can switch between the different device views with the device selector.
Layers with all device visibilities enables will show in all device view, but - for example - layers with only mobile device visibility enabled will show only if you are switching to mobile device view.
I suggest you to duplicate layers you would like to behave differently on separate devices and set different device visibilities for them. After that you can set them different style properties and transitions.
The canvas size in the editor won't change by selecting different devices, but you can easily check the layout if you run a Project Preview.
In my Layer Slider editor, the option between Desktop View/Tablet View, Mobile view does nothing...I would like to have different view on the mobile, but it keep resssizing me the desktop view. How can I do it, or do you have a teplate where this is done right...? Can you shom me what I am doing wrong?
Thank you Miroslav
Attached files: Snímek obrazovky 2025-09-27 134853.png
Hello Miroslav,
There are two options in LayerSlider if you would like to have different layout / layers on mobile and on tablet / desktop devices.
The first one is to create two different sliders: one for mobile devices with approx with 9 (width) to 19 (height) ratio. For example: 450x 950 - this is ideal for mobile phones with portrait mode. This slider should have full size layout - this looks the best on mobile devices. The other slider for desktop devices can be any layout - depending of your website or your personal requirements, but a full width or full size layout gives more wow factor than a normal responsive slider. It is important to set that these two slider how should be visible on your website. This can be done under Project Settings / Mobile menu. I would set the mobile slider's Hide Over value to 639 and the desktop slider's Hide Under value to 640
---
The other option is to have only one slider (with full size layout).
In this case, f you would like to have layers with different style and properties on mobile devices and desktop, I'll suggest you to use device specific layers. If you create a layer, you can set device visibility under LAYERS -> CONTENT, which means that the selected layer will appear only on the selected device type. You can select and combine desktop, tablet and mobile devices.
If you - for example - disable a layer on desktop, it will disappear from the slider if you are viewing it on desktop.
It is important to know, that in this case the layer will temporarily disappear also in the editor and it will be faded out in layers list. The reason of that is the editor is showing the content in the desktop device view by default. You can switch between the different device views with the device selector.
Layers with all device visibilities enables will show in all device view, but - for example - layers with only mobile device visibility enabled will show only if you are switching to mobile device view.
I suggest you to duplicate layers you would like to behave differently on separate devices and set different device visibilities for them. After that you can set them different style properties and transitions.
The canvas size in the editor won't change by selecting different devices, but you can easily check the layout if you run a Project Preview.
I hope this helps.
Best Regards,
George | Kreatura Dev Team
Hi, wow...not super easy...do you have a template of such a slider in your gallery...? https://layerslider.com/sliders/
Thank you Miroslav
For example: https://layerslider.com/sliders/marketing-page-pack/
In this Template Pack you can see mobile versions of several sliders.
Best Regards,
George | Kreatura Dev Team