Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 8, 2014 at 9:50 pm #364979
    wildflowermeadows

    We have created an image heavy site and are finding our page speeds for mobile aren’t what they should be. Would you happen to be able to recommend a way to disable the slider (both Easy Slider and Layer Slider) for mobile devices that doesn’t resort to a display:none usage? It’s my understanding that the slider will still load even if it’s not displaying.

    Thanks so much for your help!

    December 9, 2014 at 4:46 am #365153
    Ismael

    Hi wildflowermeadows!

    Thank yo for using Enfold.

    You can use the .remove jquery function. Add something like this on functions.php:

    /**
 * Remove element on mobile device
 */

add_filter('wp_footer', 'avf_remove_element', 10);
function avf_remove_element() { ?>
<script>
(function($){
		if ($(window).width() <= 768){	
			$('ELEMENTS TO BE REMOVED HERE').remove();
		}	
	
})(jQuery);
</script>
<?php
}

    Best regards,
    Ismael

    December 9, 2014 at 11:42 pm #365717
    wildflowermeadows

    Thank you so much for the quick reply and for the detailed help. We will give it a try.

    December 10, 2014 at 1:38 am #365762
    Josue

    Please let us know how it goes so we can mark the topic as solved :)

    Cheers!
    Josue

    December 10, 2014 at 6:14 pm #366143
    wildflowermeadows

    Yes, this worked like a charm. Thanks for your help!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Options for removing sliders from mobile, not just css display:none?’ is closed to new replies.