Tagged: animated numbers, enfold
-
AuthorPosts
-
July 9, 2018 at 1:50 pm #983100
Hey guys,
So my animated numbers works fine on desktop but doesn’t load them up on mobile – they are just static.
Any help with how i can solve this would be greatly appreciated.
Best,
Chris- This topic was modified 6 years, 5 months ago by Chris.
July 9, 2018 at 6:12 pm #983297Hey ExquisiteRetail,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
VictoriaJuly 9, 2018 at 10:24 pm #983418Sure
July 10, 2018 at 1:14 pm #983645Hi ExquisiteRetail,
They worked fine on my iPad in Safari, which devices and which browsers is it not working on?
Best regards,
VictoriaJuly 10, 2018 at 2:04 pm #983683Hi Victoria, it is on mobile devices. I have seen it on different iPhones when I scroll down to the bottom I don’t see the numbers on the bottom of the welcome page count up.
July 11, 2018 at 4:16 am #983985Hi,
The delayed animation is disabled on mobile devices by default so the “animated number” animates on page load. The elements usually start to animate when they are visible in the view port. You can find the script in the js > shortcodes.js, line 643. Look for the “$.fn.avia_waypoints” function.
if(isMobile) { element.addClass('avia_start_animation').trigger('avia_start_animation'); }
That line instantly triggers the animation on mobile view.
Best regards,
IsmaelJuly 11, 2018 at 3:46 pm #984271Hi Ismael,
Thank you for the response. I haven’t got a clue about this coding side unfortunately. Could you provide some more details for me please? Maybe some screenshots?
Best,
ChrisJuly 12, 2018 at 3:32 am #984431Hi,
Thanks for the update.
You have to modify the js > shortcodes.js file via Appearance > Editor panel, your Cpanel or via FTP. If you’re not sure how to do it, please provide the login details in the private field. We’ll do the necessary changes but I’m not sure if the “waypoint” script is compatible on mobile. There must be a reason why it is disabled by default.
Best regards,
IsmaelJuly 12, 2018 at 6:38 pm #984844HI Ismael,
Thanks for the help – is it the log in to the website you need? Or for the hosting company?
I haven’t changed a great deal from the original Enfold demo and I haven’t done anything from a coding perspective.
July 13, 2018 at 9:37 am #985054Hi ExquisiteRetail,
If Appearance > Editor is working, you can give us access to the WordPress dashboard, if not FTP access will be necessary.
Best regards,
VictoriaJuly 15, 2018 at 3:48 pm #985663Hi, sure.
July 16, 2018 at 9:00 am #985864July 16, 2018 at 1:01 pm #985921Sorry about that
July 17, 2018 at 3:04 am #986189Hi,
Thanks for the info.
We modified the file. The number is now animating when it’s visible in the view port on a browser emulation. I’m not sure if it’s the same on an actual mobile device. Please remove the browser cache prior to checking the page.
Best regards,
IsmaelJuly 17, 2018 at 12:38 pm #986397Thanks for the help. I look in incognito mode on mobile and it seems to be working perfectly.
July 18, 2018 at 2:49 am #986714Hi,
Awesome! Glad we could help!
Please take a moment to review our theme and show your support https://themeforest.net/downloads
Don’t forget to bookmark Enfold Documentation for future reference.Thank you for using Enfold :)
Best regards,
Ismael -
AuthorPosts
- The topic ‘Animated Numbers isn't working for me on mobile’ is closed to new replies.