Trying to completely hide flexslider on mobile devices

Replies: 1

I’m calling the slider only on the Home page and if not mobile using:

<?php $detect = new Mobile_Detect(); if ( is_home() && !$detect->isMobile() ) : ?><?php echo do_shortcode("[metaslider id=4750]");?>

This works to hide the slider from showing on mobile but the injected js code still shows on mobile:

<script type="text/javascript">
        var metaslider_4750 = function($) {
            $('#metaslider_4750').flexslider({
                slideshowSpeed:8500,
                animation:"fade",
                controlNav:true,
                directionNav:true,
                pauseOnHover:true,
                direction:"horizontal",
                reverse:false,
                animationSpeed:600,
                prevText:"<",
                nextText:">",
                slideshow:true
            });
        };
        var timer_metaslider_4750 = function() {
            var slider = !window.jQuery ? window.setTimeout(timer_metaslider_4750, 100) : !jQuery.isReady ? window.setTimeout(timer_metaslider_4750, 1) : metaslider_4750(window.jQuery);
        };
        timer_metaslider_4750();
    </script>

And the flexslider js file still loads on mobile as well. I’m guessing I need to destroy the slider somehow for mobile devices? Is this possible?

• This topic was modified 4 minutes ago by Sho-Down.