Hide Quick shop on mobile and tablet devices

Hi,

I’ve choosen for hoover on product > quick shop.
I really like how that turned on dekstop, but I don’t love it on mobile/tablet devices.
I would like to hide it (only on mobile/tablet devices).

I added the code following code to Custom CSS for tablet, Custom CSS for mobile landscape and Custom CSS for mobile:

.basel-hover-quick .quick-shop-btn {
display: none;
}

But that only hides the black ‘add to cart’. I also would like to hide the heart-icon and the magnifying glass icon. (Only on mobile and tablet!)

Could you help me with the code?

Thank you!

Hello,

I do not see the icons on mobile now. It seems you have already hidden them.

Best Regards

No the code that I sent you only hides the ‘add to cart’ on mobile/tablet devices.

I would also like to hide the heart-icon and the magnifying glass icon.

https://prnt.sc/tzij9k

(I only want to hide this at mobile/tablet, not on desktop.)

Hello,

Please add this code to custom CSS > MObile/tablet

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

Best Regards

[Author]

Posts