How can I disable hover effect on touch devices?

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

  • Avatar: Tair_Domer
    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!

    3 Answers
    Avatar: Rose Tyler
    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

    Avatar: Tair_Domer
    Tair Domer
    Participant
    October 22, 2023 at 16:20

    Thank you, it’s working!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 22, 2023 at 19:39

    Hello, Tair Domer,

    You’re welcome!

    Kind Regards,
    8theme team

  • 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

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.