Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #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?



    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;




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

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