counter does not start

Hello polarte,

Can you please provide the relevant URL and your browser name and version, so I could investigate the issue better?

meetbrac.com
pw:synthenai

if you use the nav to switch pages i believe that is when it does not work. perhaps it has to do with the transition effect this theme is running?

Hi once again,

Got the issue now. It happens because all the page counters start animating when they are above the 15% offset from the bottom of the page (that’s a kind of industry standard). And in certain screen resolutions your starting counters are located within this bottom 15%. In some future I’ll think about moving this to a certain option, till then you can use the next JavaScript code snippet to set the offset you want:

jQuery(function($){
	if (window.$cl === undefined || window.$cl.scroll === undefined) return;
	$.each($cl.scroll.waypoints, function(index, waypoint){
		waypoint.offset = '0%';
	});
	$cl.scroll.resize();
});

When you apply it, all the counters will start instantly when they just appear on page. (Or you can just move your starting counters a bit up instead of using the code snippet).

Please let me know if I actually helped you, or whether you need my further assistance!

don’t think so,
checkout https://www.meetbrac.com/our-impact/. those counters are way at the bottom and still I have an issue when newly loading a page from another.

i tried turning off the fade effect when loading the page (provided by the theme) and now the counter works. there is something that your counter relies on that it is not getting because of this load effect. any ideas?

If you can catch the moment when the fade effect is actually finished (e.g. the theme has some API for it), you can trigger $cl.scroll.resize(); at that moment. If not, try setting a timeout to window load event with the same delay this fade effect actually lasts (or a bit more):

jQuery(window).load(function(){
	if (window.$cl === undefined || window.$cl.scroll === undefined) return;
	setTimeout($cl.scroll._events.resize, 500);
});

(Use your fade effect duration instead of “500”).

Please let me know, if this actually helped!

Hello polarte,

It’s been two days since my last message. I assume that you’ve managed to fix the issue, and I’m closing this topic.

In case the issue is not resolved yet, please let me know and provide more details about it.