-
-
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’ve also tried this css:
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value{-webkit-transform: translateZ(0) !important;}
…and I have tried to disabling all of my plugins.
Nothing seems to work.
-
Hello,
Can i please see a link where you are having this?
Best regards!
-
I updated my profile with our dev site (wptest.), username, and password.
-
-
Hello,
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/Do you have any third party plugin installed in your site? Deactivate them all and check if the loading will get faster. Other methods to make your site perform faster are listed in this article: https://codeless.co/how-i-increased-more-than-70-the-speed-of-my-website/
Let us know.
Best regards!
-
Thanks Mihaila,
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?
Thanks!
-
Hello,
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.Let us know.
Best regards!
-
You must be logged in to reply to this topic.