Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 17, 2015 at 4:13 am #474667
    djshortkut

    Is there a way to activate the image hover effect on mobile so the image is slightly increased when touched? If so, can you please let me know how to do this? Thank you!

    July 17, 2015 at 4:06 pm #475028
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .av-hover-grow:active img { -webkit-transform: scale(1.1); transform: scale(1.1); }

    Cheers! 
    Josue

    July 21, 2015 at 9:09 pm #476725
    djshortkut

    Thanks but this code doesn’t make the image hover effect work on my mobile devices. Any other code I can try?

    July 21, 2015 at 11:25 pm #476749
    Josue

    Hover doesn’t exists on mobile devices, :active should toggle when the user presses the element for some time. I’ve not tested it but it should work like that, i’d like to test it on your site but i’m not seeing the code being added to Quick CSS.

    Best regards,
    Josue

    July 22, 2015 at 4:57 am #476843
    djshortkut

    Thanks Josue. I put the code back in so you can test. Thanks!

    July 22, 2015 at 11:31 am #476978
    Josue

    It works, if you tap the image it does zoom, i’ve tested it on a Motorola G running latest Chrome / Android.

    Best regards,
    Josue

    July 22, 2015 at 6:31 pm #477262
    djshortkut

    Ok thanks. You can close this thread.

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Image Hover Effect on Mobile’ is closed to new replies.