Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #25700

    I’ve noticed that animated images (fade in from bottom to top etc.) work on my iPad 2, but they only fade in when my scrolling has stopped completely. This means they don’t appear when I keep scrolling, no matter how slow I scroll, so I don’t see any images at all then.

    To make sure people do see the images, even when slightly scrolling through the page, I would think it’s best to disable the animation just for mobile devices. Any ideas please?

    #127894

    Hi,

    You can add something like this on your custom.css or Quick CSS

    /*
    Mobile Styles
    ================================================== */
    /* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

    @media only screen and (max-width: 767px) {
    /* Add your Mobile Styles here */
    .avia_transform .avia_start_animation.bottom-to-top.avia_image {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
    opacity: 1;
    }

    }

    Regards,

    Ismael

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Disabling image animation on mobile devices’ is closed to new replies.