separate slider for desktop and mobile – using php

Hi Steven!

Thank you for using Enfold.

We haven’t fully tested this plugin but it should prevent the images from loading when the element or image is not visible in the page: https://wordpress.org/plugins/lazy-load/

Combined with the following script, the images in the slider will not load:

// remove slider
add_action('wp_footer', 'ava_custom_script_slider');
function ava_custom_script_slider(){
?>
<script type="text/javascript">
(function( $ ) {
    function a() {
        if( $( '#header' ).css( 'position' ) == 'relative' )
		$( '.avia-slideshow' ).remove();
    }

    a();
})(jQuery);
</script>
<?php
}

Replace “.avia-slideshow” with the custom selector for mobile.

Best regards,
Ismael