About This Ticket

Mobile breaking fun fact counter animation

by romanrosenast / August 1, 2017, 7:10 pm

Hello, love the theme! I am having a problem on mobile where the counters glitch if you scroll while the animation is still rolling (which takes a moment).

Is there any way that I can disable the counter animation on mobile? If the final numbers could just appear from the start that would solve the problem!

Let me know. I would love to keep the cool animation on the desktop site. 

Staff

Hello. Very nice to receive such a response, thank you!

To turn off animation on mobile devices, you need to edit the file js/custom.js on the lines 130-140. Replace it with this code. Instead of 500, you can set the desired screen width, from which the counter will not work

if($(window).width() > 500){

$('.fucts_counter').appear(function() {

$('.fucts_counter').each(function(){
dataperc = $(this).attr('data-perc'),
$(this).find('.fucts_count').delay(6000).countTo({
            from: 0,
            to: dataperc,
            speed: 2000,
            refreshInterval: 100
        });
     });
});
}

 

Worked like a charm! Thanks