Disable product hover on mobile/tablet

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.

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

Great. Thank you.

You are welcome!

[Author]

Posts