How to disable on mobile devices

  • Resolved raecheng

    (@raecheng)


    4 years ago

    Hi,

    I am a little confused about the responsive issue, when I place multiple shortcodes in Elementor and configure them to be visible only on mobile or desktop, everything displays fine but the browser still loads both versions of all images.

    Is there a way to set the shortcode to not work below a certain width?
    Or set a sequence of images to be hidden (and not loaded with images) at a specified resolution？

    Thank you!

Viewing 1 replies (of 1 total)
  • Plugin Author Scrollsequence

    (@scrollsequence)

    4 years ago

    Hi,

    Based on your and other people’s requests, this functionality will become part of the plugin in version 1.2.6 and above. Release is scheduled on this week.

    There is a new hide shortcode parameter that can have multiple of options:
    isMobile | | isLaptop | isPhone | isiOs | isAndroidOs
    You can combine the options too.

      Examples:


    [scrollsequence id=”your_ssq_id_here” hide=”isMobile”] – hide on mobile (phones and laptops)
    [scrollsequence id=”your_ssq_id_here” hide=”isTablet”] – hide on tablet
    [scrollsequence id=”your_ssq_id_here” hide=”isPhone”] – hide on phone
    [scrollsequence id=”your_ssq_id_here” hide=”isiOs”] – hide on iOs
    [scrollsequence id=”your_ssq_id_here” hide=”isAndroidOs”] – hide on Android
    [scrollsequence id=”your_ssq_id_here” hide=”isiOs isAndroidOs”] – hide on iOs and Android

    Note 1:
    There is also a new Show Development Information option to show Device Detect debug information on the page. So when a Scrollsequence is hidden, you can debug why.
    Note 2:
    Please note that Chrome dev tools (F12) results in isMobile === true, so if you hide on mobile, you can’t debug scrollsequence in dev tool unless you change this behavior.

Viewing 1 replies (of 1 total)

The topic ‘How to disable on mobile devices’ is closed to new replies.