how to discard "add to cart icons" in tablet mode

[ecopark]

dear support professional.

please help me to fix this problem.

1. in desktop and mobile page view, add to cart button is not shown, even though they appear when mouse is hover.

2. but in tablet view, add to cart button is always shown, even though mouse is away.

please guide me how can i fix this problem.
I hope those icons not be shown when mouse is away, and be show when mouse is hover.

thank you for your help in advance
sang

Attachments:

You must be logged in to view attached files.

[purekarting]

I have this problem also. And in my case, where I have changed around the image sizes, it results in a near complete blockage of the product image. See attached.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi guys

Try adding this to your custom css:

@media only screen and (max-width: 768px) { 
.product figure .cart-overlay, .product figure .cart-overlay .shop-actions {
  display: none!important;
}
}

– Kyle

[lucas7700]

This reply has been marked as private.

[Kyle – SUPPORT]

Hi

Seems to be working fine for me? http://d.pr/i/B8M6/4YPjfcYa

– Kyle

[lucas7700]

This reply has been marked as private.

[Kyle – SUPPORT]

Where have you put the css I gave you?

– Kyle

[lucas7700]

This reply has been marked as private.

[Kyle – SUPPORT]

Are you using a cache plugin? Because your custom css is showing empty in the source code: http://d.pr/i/2wFg/568f9ojW

– Kyle

[lucas7700]

It appears the culprit was the plugin ‘WP Add Custom CSS’. I am now exclusively using the Atelier built-in custom CSS editor and it is working fine. Thanks for your help!

[Kyle – SUPPORT]

No problem!