Return to previous page

How can I disable hover effect on touch devices?

This topic has 4 replies, 2 voices, and was last updated 1 years ago ago by Rose Tyler

Tair Domer

Participant

October 21, 2023 at 16:23

Hello,
I want to disable all hover effects on touch devices.
For the sample, I have a swap image hover effect on the products.
I want to disable this for touch devices so it will remain only on desktop.
How can I do it?

Thank you!

#371023 Copied Theme version: 9.2.1

3 Answers
Rose Tyler

Support staff

October 22, 2023 at 07:48
Hello, Tair Domer,

Thank you for contacting us and for using XStore.

Please try to add the next code in Theme Options > Theme custom CSS > Mobile:
```
.content-product:hover .image-swap {
    display: none;
}
```
Kind Regards,
8theme team
#371047 Copied
Tair Domer

Participant

October 22, 2023 at 16:20

Thank you, it’s working!

#371091 Copied

Rose Tyler

Support staff

October 22, 2023 at 19:39

Hello, Tair Domer,

You’re welcome!

Kind Regards,
8theme team

#371117 Copied
Tagged: customize woocommerce themes, disable hover effect, fix woocommerce hover, touch devices woocommerce, woocommerce wordpress themes, wordpress hover issues
Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘How can I disable hover effect on touch devices?’' has been successfully resolved, and the topic is now closed for further responses

How can I disable hover effect on touch devices?

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection