Home Forums WoodMart support forum Disable product hover on mobile/tablet

Disable product hover on mobile/tablet

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

    Vok
    Participant

    Hello,

    can you please provide JS or CSS code that will disable product hover effect on mobile and tablet devices.

    Goal: user click on product -> redirect happens without any hover effect

    I tried few older solutions but non of them worked.

    Thank you.

    Attachments:
    You must be logged in to view attached files.
    #307839

    Bogdan Donovan
    Keymaster

    Hi,

    Try to add the following code snippet to the Global Custom CSS area in Theme Settings to fix this issue.

    @media (max-width: 1024px) {
    	.wd-hover-base .content-product-imagin,
    	.wd-hover-base .fade-in-block{
    			display: none;
    	}
    }

    Kind Regards

    #307849

    Vok
    Participant

    Great. Thank you.

    #307854

    Artem Temos
    Keymaster

    You are welcome!

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

The topic ‘Disable product hover on mobile/tablet’ is closed to new replies.