animation is preloaded on mobile

  • the images under the header video fade in, but they are pre loaded. what can i do?

    thanke you in andvance.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Gradient

    (@ssols0supp)

    Hi.

    Yes, we see the issue. We will create correction CSS and get back to U.

    Plugin Support Gradient

    (@ssols0supp)

    Pls, add this CSS code

    body.home:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing-ani) div[data-elementor-type=”wp-page”] > section:nth-of-type(2) .elementor-widget-wrap .elementor-widget-container img:not([srcset*=”jakob-owens-ntqaFfrDdEA”]) {
    opacity: 0;
    }

    body.home:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing-ani) div[data-elementor-type=”wp-page”] > section:nth-of-type(2) .elementor-widget-wrap .elementor-widget-container:has(img[srcset*=”jakob-owens-ntqaFfrDdEA”]) {
    –scale: 0.7;
    –e-transform-transition-duration: 100ms;
    opacity: 1;
    will-change: opacity;
    transform: translateX(var(–e-transform-translateX, 0px)) translateY(var(–e-transform-translateY, 0px)) scale(var(–e-transform-scale, 1)) scale(var(–scale));
    }

    body.home:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing-ani) header div[data-elementor-type=”wp-post”] section:first-of-type {
    position: fixed;
    }

    @media screen and (max-width: 1367px) {
    body.home:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing-ani) div[data-elementor-type=”wp-page”] > section:nth-of-type(2) .elementor-widget-wrap .elementor-widget-container:has(img[srcset*=”jakob-owens-ntqaFfrDdEA”]) {
    –scale: calc((1367 – var(–seraph-accel-client-width-px)) * 0.00021 + 0.7);
    }
    }

    here: https://www.s-sols.com/docs/wordpress/accelerator/settings-accel/settings-styles-accel#custom
    and update the cache.

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.