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!
Hi,
My customer wants to make a responsive design. Project settings is set to responsive but there is no difference to see when choose for tablet or mobile view. I can't find a tutorial telling me something about this. See wants to be able to make the project 100% for each device. Of course the size for mobile must be changed but where and how? Please guide us to the right doc or tut.
Cheers
Marco
Hi Marco,
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.
LayerSlider offers support for device-specific layers. It means that you can add multiple layers and show them only on the selected devices. For example, you can make a layer for desktop, then duplicate it to have a good starting point, then alter the copy to your liking, and make it display only on mobile devices. Simultaneously, you can set the desktop version to be visible only on desktop (and optionally tablet) devices. This way you have separate layers for two separate views.
The device chooser on the top menu bar basically controls which view you're seeing. It dynamically hides/shows layers based on their visibility and selected devices.
Or if you need a completely different aspect ratio on mobile devices than on desktops, you should consider building two different sliders (for example, one full-width slider for desktops and one full-size slider for mobile devices). In that case, you could customize them much better. Each slider can have its own layers with different sizes, positions, etc.
In this case, you should use the Hide Over/Hide Under options in Project Settings/Mobile section to set which slider should be visible under/over which (horizontal) resolution.
I hope this helps.
Best Regards,
George | Kreatura Dev Team