Remove delay when jumping to a section on a page with animated columns

Hey Jeannette,

Thank you for the inquiry.

Have you tried adjusting the animation duration from 1.5s to 0.5s or disabling the animation completely? We can also add a script that automatically triggers the animation when a user hovers over or clicks a specific link

Please add this code in the functions.php file.

function av_custom_inline_script()
{

    wp_add_inline_script( 'jquery', 
    "
    (function($) {
        // trigger animation on anchor mouseover
        $(document).ready(function() {
            $('.av-anchor-link').on('mouseover', function() {
                $('.av-animated-generic.fade-in').each(function() {
                    $(this).addClass('avia_start_delayed_animation');
                });
            });
        }); 
    })(jQuery);
    "
    );
}
add_action( 'wp_enqueue_scripts', 'av_custom_inline_script' );

You will have to add the “av-anchor-link” class name to the anchor link and adjust the animation duration to 0.5s.

Best regards,
Ismael

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard