Site logo

Archived topic

Hover on mobile devices

5 replies · Started by Dominik on October 2, 2020

Viewing posts 1–6 of 6

Hi there,

is there a way to remove the dark square flash when pressing a link or button (e.g. the burger menu or button) on mobile/touch devices?

A short screenvideo: https://imgur.com/a/7F2pxT3

Thanks in advance guys!
Best regards

Hi there,

do you have a link to that 'product' page so i can see what the issue is?
Is this just when the tabs are being clicked ?

Hi David,

sure (attached in private information).
Is it recommended to keep the "normal" hover/press feedback for touch devices?

The hover/press is on all links/buttons. On the product tabs it is not working well.
So either it would be great to remove all hovers on mobile or to fix those on the tabs.

Hi there,

Mobile devices will trigger the hover event when an item is tapped.

In this case, it may work to just disable the transition on mobile:

@media (max-width: 768px) {
    .woocommerce div.product div.summary .ywctm-custom-button {
        transition: none !important;
    }
}

Hi Tom,

that´s it – thanks!

You're welcome! :)

This archived topic is closed to new replies.