Okay
  Public Ticket #1402954
modifying slider for different resolutions
Closed

Comments

  • roscoebonsweenie started the conversation

    Trying to find out how to modify slider based on screen resolution (i.e. @media stuff).

    Looks like there are two options:

    1) duplicate items, set attributes and then show/hide based on device using the built in show/hide function

    2) create a totally separated slider (not slide), put the shortcodes in a div, and show/hide the div based on @media settings within Wordpress css.

    am I missing anything?

  • [deleted] replied

    Hello roscoebonsweenie,

    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.

    You could approach this two ways.

    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, tablet 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 desktop/mobile, include them both to the site, and only display them (using the Hide over and Hide under options) on the required device.