Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #1335140

    Problem om iphone with:
    – Works fine on PC and Android

    Hover effect on Overview Pages
    Do you want to display a hover effect on overview pages and replace the default thumbnail with the first image of the gallery?

    The user has to click twice on the image to enter the item, how do we solve it?

    Se ex. in private content


    Hi Peter,

    It seems iOS devices apply the hover effect on the first tap and the link only functions on the second tap.
    Can you try to add this code:

    @media only screen and (max-width:568px) {
      #top .thumbnail_container .avia-product-hover {
        opacity: 1;

    The code only applies to mobile phones.

    Best regards,


    Thanks Nikko,

    The problem is solved.

    BR, Pete


    Glad Nikko was able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,

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

The topic ‘iphone problem with woo product with hover image’ is closed to new replies.