Remove Icons on Mobile

Hello,
I have 2 questions:
1. I would like to completely remove the SALE sticker on my product thumbails in the store and product grids. I find only the option to add/remove the percentage off but not to completely remove it.
2. On mobile when I look at my products in the grid, the elements that show up on hover for desktop (add to cart, wishlist, compare…) show up permanently on the thumbnail. I find this crowds the image. How can I completely remove these for mobile and table?
See attached for picture.
Thank you

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .product-label.onsale{
display:none;
}

If I hide the icons on mobile there is no option to add the product to the cart. Please provide your shop page area

Best Regards

The CSS worked for #1

For #2 yes this is ok. I prefer they have to go in the product to then add to cart then have that cart icon clocking the thumbnail. Mobile and tablet only though.
I need it for the sop but also move product grid.
some page like thegenblock.com/women
and the shop: thegenblock.com/product-category/bags/ … for example

Thank you

Hello,

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

body .product-grid-item:not(.woodmart-hover-base) .woodmart-buttons>div {
    display:none;
}
body .woodmart-hover-quick .woodmart-add-btn {
display:none;
}

Best Regards

[Author]

Posts