Okay
  Public Ticket #1450396
Sliders set to hidden on mobile devices
Closed

Comments

  • perryjames123 started the conversation

    Hi,

    I want to make a different set of sliders for a mobile version of a site. What is the best way to do this?

    I have created 2 versions of the front page with Layer slider. The desktop version is set to be hidden when viewed on a mobile device. It does hide the slider but it leaves whitespace so the mobile elements have a lot of space between them.

    How do I eliminate this space?

    Thanks


  • [deleted] replied

    Hello perryjames123,

    Thank you for getting in touch with us. 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.

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