Public Ticket #3041300
Responsive design


  • Marco started the conversation


    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.



  •  39
    George replied

    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