-
AuthorPosts
-
February 5, 2021 at 1:11 pm #1277977
Hi. The animations are turned off per default in mobile mode (I know this is for compatibility reasons). But how can I force them to be active? Or is there a plugin that could help here?
Thank you.February 8, 2021 at 7:00 am #1278555Hey crossline2,
Thank you for the inquiry.
Which specific animations are you referring to? The animations are triggered automatically on page load but we could modify the avia_waypoints function in the js > shortcodes.js file line 681 to only animate the elements once they are visible in the view port.
// waypoint script when something comes into viewport $.fn.avia_waypoints = function(options_passed) { if(! $('html').is('.avia_transform')) return; var defaults = { offset: 'bottom-in-view' , triggerOnce: true}, options = $.extend({}, defaults, options_passed), isMobile = $.avia_utilities.isMobile; return this.each(function() { var element = $(this); setTimeout(function() { element.waypoint(function(direction) { var current = $(this.element), parent = current.parents('.av-animation-delay-container:eq(0)'); if(parent.length) { current.addClass('avia_start_animation_when_active').trigger('avia_start_animation_when_active'); } if( !parent.length || (parent.length && parent.is('.__av_init_open')) || (parent.length && parent.is('.av-active-tab-content')) ) { current.addClass('avia_start_animation').trigger('avia_start_animation'); } }, options ); },100); }); };
Best regards,
IsmaelFebruary 8, 2021 at 12:04 pm #1278622I’m talking about animations that can be changed in wordpress standard editor of the theme. For example sliding in of a card from the left side. But your changes did the trick. Thank you very much for the support. Regards, Oliver
February 8, 2021 at 6:15 pm #1278752Hi crossline2,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.