Public Ticket #1377389
re-position layers on different viewport size


  • nsy started the conversation

    can I re-position sub-layer on different viewport size? I am now using fullscreen slider. When the slider is view on desktop view, i like the text (sub-layer) to display on center of screen, when it is on mobile, i like to move the text to left bottom.

    I am trying to fix the position by adding left and top value in CSS file, it won’t work. As I remembered the previous version seems to support this function, I just need to add top and left value in css file, then I can re-position the layers to wherever I want.

    How can I fix this?

    And one more thing, the "responsiveunder" option is not working, I set it responsive under 500, but it still keep responsive on all sizes.  I am now using "fullsize" slider.

  • [deleted] replied

    Hello nsy,

    Thank you for getting in touch with us, and sorry for the delayed response. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.

    Since version 6 you have the option to display layers only on certain devices (desktop, mobile, tablet). This new feature gives you the option to create separate layers and layouts for mobile and desktop view in the same slide, and only show them on the required device. Please check the Layers -> Device Support section of the documentation for more information.

    Additionally to the device specific layers, you could also build two separate sliders with different sizes or with different content for dekstop/mobile, include them both to the site, and only display them (using the hideOver and hideUnder options) on the required device.

    Regarding the Responsive Under option, it is used for fullwidth layouts, so it will likely not work for fullsized sliders. Also, since version 6 the plugin calculates this by itself so in most cases you do not have to enter anything for it.