Remove add to cart button from image tumblais in shop for mobile

Hello,
I would like to remove the little add to cart button on the lower right hand sire of the product thumbnail images on my category pages. How do I do this? I tried the below code but it didn’t work.

body .woodmart-hover-quick .woodmart-add-btn {
display:none;
}

Hello,

Kindly share the screenshot by pointing out the section from which you want to remove the add to cart button. So I can help you out.

Best Regards.

attached.

On mobile I want to remove it.

I added this code and it seemed to work. Is it correct?

body .woodmart-add-btn {
display:none;
}

I think it is breaking the images on my site actually.. It work until I visit /product-category/men/
Then all the litte images break for some reason. No sure why this happens only in /men/ and /men/bags-men/

I will remove it for now.

Hello,

As you want to remove the add to cart button from the mobile version products.
But you forget to provide a screenshot. Kindly provide the screenshot and URL of the page as well.
So I can help you out.

Best Regards.

Hi, see attached.
razyya.com

Attachments:

You must be logged in to view attached files.

Hello,

You can use the below CSS code in Theme Settings >> Custom CSS >> Custom CSS for mobile, to remove the add to cart button from product thumbnail images in mobile devices:

.woodmart-hover-quick .woodmart-add-btn > a{
display:none;
}

Screenshot for clarification: https://jmp.sh/bgGfRPH

Best Regards.

[Author]

Posts