Limited availability during the holidays

Another busy year is coming to its end, and an exciting year lies ahead. In order to get ready for a fresh new start, our team will spend a few days' rest during the winter holidays. Over the holiday break, we will have reduced staffing from December 20th, 2024, to January 5th, 2025, so please be patient if you do not receive a response as quickly as you normally would.

We send our warmest wishes for happiness, health, and success throughout the coming year. Thank you for your continued support, and may you have a peaceful and blessed Happy Holidays!

Okay
  Public Ticket #3231924
Slide Background Positioning
Closed

Comments

  • Basil started the conversation

    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?


  •  138
    George replied

    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