AOS no effect

  • Hi!

    I was keen to use AOS on my new website project. I am using Elementor Pro with Hello-Theme, installed & activated the AOS plugin, added aos-flip-up to a heading’s CSS Classes setting – but no animation at all, when I view the page.

    When I inspect the page source, I can see that the headings have the “data-aos=”flip-up” assigned to them, but there is no other aos-related code on the page (not sure whether this is right).

    Am I doing anything wrong? Any advice would be greatly appreciated! Thanks!

    Cheers,

    Steffen

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Thread Starter steffeninseoul

    (@steffeninseoul)

    I added this as a php snippet to be run everywhere and now the aos assets seem to be loaded onto the page:

    add_action('wp_enqueue_scripts', function() {
    $aos_init = 'var aoswp_params = {
    "offset":"200",
    "duration":"1200",
    "easing":"ease",
    "delay":"0",
    "once":true}';
    wp_enqueue_script('aoswp-script');
    wp_add_inline_script('aoswp-script', wp_kses_data($aos_init), 'before');
    wp_enqueue_style('aoswp-style');
    });

    Is this correct? Seems to work… Any advice is much appreciated!

Viewing 1 replies (of 1 total)
  • The topic ‘AOS no effect’ is closed to new replies.