Disactivate "Quick Preview" on Certain Devices Only

Dear,

The quick preview is useful for desktop but not very useful for mobiles.

On a mobile, when you generate the quick preview, it pops up. But then if you want to leave it, people have the habit to press the back button of their phone. What happens is that it does not close the preview, it sends them back to the previous page.

For now I’d like to disable it only on mobiles, unless you are able to provide fix for this?

Thanks a lot

Hello,

Add this code to the Theme Settings > Custom CSS > Mobile

.product-grid-item:not(.basel-hover-base):hover .product-element-top .quick-view {
        opacity: 0;
    visibility: hidden;
}

Best Regards

Sorry, I added the code into the Custom CSS for mobile but it’s not working.

Quick Preview is still shown on the mobile. Can you recheck?

Thanks

Hello,

I cannot access your site. Please update the credentials.

Best Regards

See private content

Hello,

I cannot log in.

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

.basel-buttons .quick-view>a {
display:none!important;
}

If the code does not work deactivate all the blocking and stage login plugins and configuration so that I could enter the site via default WP login page.

Best Regards

I have added your code into the CSS Custom Mobile and here is the result.

1) The CSS editor itself is warning of errors. Please check the attachments to see the two warnings.

2) The outcome on mobile view is not fully fine. At first sight, the quick preview button is still there. But once the mouse hover on the product, then the quick preview disappears. It should be fully hidden.

Attachments:

You must be logged in to view attached files.

Additional screenshots hereby

Additional screenshots hereby

Attachments:

You must be logged in to view attached files.

Hello,

Deactivate all the blocking plugins and configuration so that I could enter the default WP login page.

Best Regards

I just disactivated almost all plugins. And the issue is still there. It is not due to any plugins, the issue is in the theme.

Hello,

I have corrected the code, now it works.

Best Regards

Great ! Perfect code. Thanks a lot.
This point can be marked completed.

You are welcome!

[Author]

Posts