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.
No, unfortunately there are no different settings for slide background positioning on different devices, but you can do the following:
Instead of using slide background image, create a HTML layer. Delete the text from the layer, add 100% width / height, and set the Align Position From settings to "Sides of the screen". Now you have a full size layer which will cover the whole slider. You can set a background image for that layer and set also the background size and position. Now you can duplicate that layer and you can toggle these tow layers device visibility under Layers -> Content (The first layer should be visible on desktop while the other is on mobile devices). You can change the device specific view modes by using the Screen icon on the top menu and with these settings you can set different background positions for these two layers.
Is there a way to adjust the slide background position so that it is left on desktop and tablet and centered on mobile?
Better yet, is there a way to position it via CSS so that the position can be manipulated more granularly based on media careen sizes?
Hello Basil,
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.
No, unfortunately there are no different settings for slide background positioning on different devices, but you can do the following:
Instead of using slide background image, create a HTML layer. Delete the text from the layer, add 100% width / height, and set the Align Position From settings to "Sides of the screen".
Now you have a full size layer which will cover the whole slider. You can set a background image for that layer and set also the background size and position. Now you can duplicate that layer and you can toggle these tow layers device visibility under Layers -> Content (The first layer should be visible on desktop while the other is on mobile devices). You can change the device specific view modes by using the Screen icon on the top menu and with these settings you can set different background positions for these two layers.
Best Regards,
George | Kreatura Dev Team