The animated counters will not animate on smartphones unless I interact with something lower on the page. I can scroll up/down many times and touch the counters, but they will not move from zero.
I tried adding this custom css:
.odometer.odometer-auto-theme, .odometer.odometer-theme-minimal {
transition: all 0.1s !important;
}
I checked your site in mobile and the animated counters are working well. So are the other animated elements.
Here are some screenshots:
Counters while loading in mobile: https://postimg.org/image/mvqakgdwb/
Counters loaded for second time and other elements: https://postimg.org/gallery/1v6p74i64/
Were the mobile screen shots take from an actual mobile device, or a simulator like Google’s Chrome Inspector?
The counters and animations always work using a computer and any browser, and when using Chrome’s mobile simulator. However, they do not work on an actual mobile device or tablet.
Any suggestions on how I could troubleshoot on an actual mobile device or tablet?
The first screenshot was from chrome simulator, and the two following screenshots (https://postimg.org/gallery/1v6p74i64/) are from actual device. The test for these two is made from a Samsung s6 mobile.
-There isn’t any tool for that. You make changes to theme and refresh site in mobile/tablet to view the changes.
However, as you can see in the other screenshots, there is no problem for them displaying in actual mobile. You only need to improve the site speed in order for them to trigger faster.
