Remove the hovering effect in the shop page for mobile and tablet

This has been asked before but the css didn’t work for me. I want to not only remove the hover effect (black bar with wishlist/etc. covering 1/3 of the thumbnail) on shop pages, but also make sure it doesn’t show when I click on the product because I got it sort of working but then when you click on the product it pops up before proceeding.

Please help!!!! 🙂

Hello,

Please add this code to the Theme Settings > Custom CSS > Tablet/Mobile:

.basel-hover-base .hover-img,
.basel-hover-base .hover-mask {
	display: none;
}

Best Regards

Thanks so much, does exactly what I needed

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts