Return to previous page

Woocommerce archive page in mobile - by sociality

This topic has 2 replies, 2 voices, and was last updated 6 years, 10 months ago ago by Rose Tyler

sociality

Participant

June 5, 2017 at 22:15

Hello,

I have got one question. In the archive page of Woocommerce there is an effect for mobile devices, when the user makes the first tap on the screen the details for the product show up in a white box and when he makes the second tap he finally visits the product’s page.

Well, this is a great effect but it does not happen in iOS phones. Is there a reason for that?

Let me know if and how this could be fixed!

Thank you.

#165004 Copied

1 Answer
Rose Tyler

Support staff

June 7, 2017 at 14:23
Hello,

Please add this code in Custom css:
```
.product .product-image-wrapper.hover-effect-mask .hover-mask{
    visibility: hidden;
}
.product .product-image-wrapper.hover-effect-mask:hover .hover-mask{
    visibility: visible;
}
```
Regards,
Rose Tyler.
#165210 Copied
Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Makeup Store – WordPress WooCommerce Theme

lazy-placeholder

Minimal Store – WordPress WooCommerce Theme

lazy-placeholder

Legenda – E-Commerce and Corporate PSD Theme

lazy-placeholder

Furniture Store – WooCommerce Theme

lazy-placeholder

Medical 02 – WordPress WooCommerce Theme

lazy-placeholder

Tea Store – WordPress WooCommerce Theme

lazy-placeholder

Classic Fashion Store – WordPress WooCommerce Theme

lazy-placeholder

Organic Store 01 – WordPress WooCommerce Theme

lazy-placeholder

Niche Market 02 – Multivendor WP WooCommerce Theme

lazy-placeholder

Cosmetics Store – WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.