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 #2546635
Controlling CSS properties/layout on mobile
Closed

Comments

  • Caspar de Roij started the conversation
    September 22, 2020 at 6:20am

    Hi there,

    I'm struggling to get my slider looking good on mobile devices, as there appears to be no way to target element styling specifically on mobile using the CSS editor. I'm using your 'Flying Banners' template, and would like to increase the font size and button sizes on mobile devices specifically.

    Does your builder really not have any way to allow media queries?

    Because of the way the slider outputs html I can only seem to target elements within their LS div wrappers

  •  244
    Kreatura Support replied
    September 22, 2020 at 8:44am

    Hello Caspar,

    Thank you for getting in touch with us!

    You can set a min.mobile font size for the layers in the layer styles.

    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.

    illustration-layer-devices@2x.png

    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

  • Caspar de Roij replied
    September 23, 2020 at 5:39am

    Hi Kristof,

    OK, this makes a little bit more sense - I'd expected to be able to customise based on CSS, but duplicating layers and playing around with their visibility also works. Thanks for your help, I've gotten my slider to display the way I want now.

    Thanks,


    Caspar

  •  244
    Kreatura Support replied
    September 23, 2020 at 7:31am

    You are welcome!smile.png

    Best Regards,
    Andrea | Kreatura Support Team