Public Ticket #3355011
mobile responsive view


  • OnlineVisions started the conversation


    I have updated the Layerslider plugin for our client

    I am working on the staging not the live site

    I cannot seem to adjust the mobile view

    When I click on mobile and make changes it changes all views

    (I know in Revolution slider you can edit views for multiple devices)

    1) So how do I edit just the mobile view

    2) How do I make the slider responsive to all devices


    Attached files:  connectTesting_mobileView.png

  •  113
    George replied


    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.

    If you would like to have layers with different style and properties on mobile devices and desktop, I'll suggest you to use device specific layers. If you create a layer, you can set device visibility under LAYERS -> CONTENT, which means that the selected layer will appear only on the selected device type. You can select and combine desktop, tablet and mobile devices.

    If you - for example - disable a layer on desktop, it will disappear from the slider if you are viewing it on desktop.

    It is important to know, that in this case the layer will temporarily disappear also in the editor and it will be faded out in layers list. The reason of that is the editor is showing the content in the desktop device view by default. You can switch between the different device views with the device selector.

    Layers with all device visibilities enables will show in all device view, but - for example - layers with only mobile device visibility enabled will show only if you are switching to mobile device view.

    I suggest you to duplicate layers you would like to behave differently on separate devices and set different device visibilities for them. After that you can set them different style properties and transitions.

    I hope this helps.

    Best Regards,
    George | Kreatura Dev Team