Hiding Cart icon on products ony Mobile and Tablet.

Hi, i want hide the cart icon on the products on mobile and tablet only. i added this code to the custom css in the tablet/mobile but no work:

body .basel-buttons .quick-view>a {
display: none;
}
body .basel-buttons .basel-wishlist-btn>a {
display: none;
}

see image: https://prnt.sc/vwjc7e

Hello,

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

body .wd-action-btn.wd-style-icon>a {
display:none;
}
.woodmart-hover-quick .woodmart-add-btn {
display:none;
}

Best Regards

I added the code is working, but the code effects also to the desktop display, i want hide only on mobile/tablet.

Hello,

Sorry, my bad, remove the code from the Global, and insert into Mobile/Tablet.

Best Regards

I removed from the Global and added to the Mobile/Tablet… it’s hiding from the desktop (only), but the mobile/tablet still showing the cart icon.

Hello,

Please provide your site admin access to the private area.

Best Regards

Done i sent the site admin acces….

Hello,

Remove the code from the Desktop to Mobile, Landscape, and check.

Best Regards

Yes now working perfect!, thanks.

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

Best Regards

[Author]

Posts