Return to previous page

Woocommerce archive page in mobile - by sociality

This topic has 2 replies, 2 voices, and was last updated 7 years, 5 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

Home Decor 02 Store – WordPress WooCommerce Theme

lazy-placeholder

WooPress – Responsive Creative HTML5 Template

lazy-placeholder

Transport – WooCommerce Theme

lazy-placeholder

Carwash – WordPress WooCommerce Theme

lazy-placeholder

Corporate – WordPress Theme

lazy-placeholder

Phone Service – WordPress WooCommerce Theme

lazy-placeholder

Classic Fashion Store – WordPress WooCommerce Theme

lazy-placeholder

Meeting – WordPress Theme

lazy-placeholder

Yoga Accessories – WordPress WooCommerce Theme

lazy-placeholder

Industrial Power Tools Store – WordPress 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.