Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • August 3, 2016 at 5:15 am #667918
    gerry3211

    Possible to disable on mobile:

    Product Hover: Hover effect on Overview Pages

    It’s a nice feature on desktop, but a real nuissance on mobile devices.

    Thanks in advance.

    August 3, 2016 at 11:04 am #667959
    Vinay

    Hey gerry3211,

    We will gladly help you would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Vinay

    August 3, 2016 at 3:30 pm #668082
    gerry3211

    Absolutely,

    Thanks in advance.

    View the product archive on desktop, image flips on product hover – This effect on all large ecom sites I’ve examined is disabled on smaller screens.

    Let me know what I need to do.

    Thanks again :)

    August 3, 2016 at 3:36 pm #668089
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 768px) {
.inner_product:hover .avia-product-hover {
    opacity: 0;
    filter: alpha(opacity=0);
}}

    Regards,
    Yigit

    August 3, 2016 at 3:49 pm #668100
    gerry3211

    Hi Yigit,

    Thanks for the fast reply, Amazing!

    I’m checking this on Iphone and the image still flips on scroll/hover of archive page.

    Any other tips?

    August 3, 2016 at 3:52 pm #668101
    Yigit

    Hi!

    Can you please flush browser cache and refresh your page a few times on your iphone?

    Regards,
    Yigit

    August 3, 2016 at 3:57 pm #668105
    gerry3211

    Hi,

    I’ve cleared cookies/cache/history and the images still flip.

    Is it working fine from your side?

    August 3, 2016 at 4:00 pm #668111
    Yigit

    Hi!

    Can you please change the code to following one 

    @media only screen and (max-width: 768px) {
.inner_product .avia-product-hover {
    display: none !important;
}}

    Regards,
    Yigit

    August 3, 2016 at 4:06 pm #668117
    gerry3211

    Hey,

    Replaced code, same result.

    August 3, 2016 at 4:08 pm #668121
    Yigit

    Hi,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Yigit

    August 3, 2016 at 4:12 pm #668124
    gerry3211

    I’ve got clients browsing the site now.

    I don’t want to be messing with their experience by disabling plugins and such.

    Will just cope with the issue for now I guess.

    Thanks for the attempt.

    August 3, 2016 at 4:21 pm #668135
    Yigit

    Hi!

    I suspect there might be an error in your custom CSS. I would check that. If you would like us to look further into it later, feel free to let us know!
    This thread will be on hold until you reply and you can reopen it by simply replying to this thread.

    Best regards,
    Yigit

    August 3, 2016 at 4:28 pm #668142
    gerry3211

    Your css code worked.

    I just deleted the cache from wp backend.

    It was a caching issue by the site itself.

    Thank you very much for all of your help, I truly appreciate it.

    – Gerry

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Disable on Mobile: Product Hover: Hover effect on Overview Pages’ is closed to new replies.