I'm looking for a tutorial on making the text responsive on each slide. eg. 25px on mobile and 35px on desktop. Align text center on mobile, and left on desktop.
Thank you for getting in touch with us. My name is George and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
If 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.
I'm looking for a tutorial on making the text responsive on each slide. eg. 25px on mobile and 35px on desktop. Align text center on mobile, and left on desktop.
Hello Timothy,
Thank you for getting in touch with us. My name is George and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
If 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.
I hope this helps.
Attached files: device-view-selector.png
device-visibility.png
Best Regards,
George | Kreatura Dev Team
I'm use to Elementor, and it will do both methods. It's rare that I hide elements, but I know how. Thanks!