Return to previous page

Quick view not working in the movile web

This topic has 4 replies, 2 voices, and was last updated 1 years, 3 months ago ago by Tony Rodriguez

DAVID

Participant

September 14, 2023 at 12:05

Another problem I have is that the quick view of products is not visible on mobile but it is in desktop mode.

#367463 Copied Theme version: 9.1.3

3 Answers

Tony Rodriguez

Support staff

September 14, 2023 at 12:30

Hello, @David,

We are delighted to inform you that the issue you were experiencing on your site has been successfully resolved.

The solution involved the addition of a Custom CSS code.

This was done under the following path: Xstore >> Theme Options >> Theme Custom CSS >> Global CSS. For your reference, we have provided a screenshot which can be accessed via this link: https://postimg.cc/XG5hJT9f

Additionally, we have recorded a video capturing the entire process. You can view this video at your convenience.

Best Regards,
8Theme’s Team

Please contact administrator
for this information.

#367469 Copied

DAVID

Participant

September 14, 2023 at 17:13

It could appear only when you click on the image because it covers the entire image of the plant. You could also make the background transparent with a green text color.

Thank you

#367506 Copied
Tony Rodriguez

Support staff

September 15, 2023 at 07:03
Hello, @DAVID,

We apologize for any inconvenience caused. We would like to inform you that we have enabled the option to display the quick view on mobile. We have also removed the Custom CSS code that we previously added to your site. You can find this option under Xstore >> Theme Options >> WooCommerce >> Shop >> Product Styles >> Product Content Elements >> Hover Buttons on Mobile.

If you wish to alter the background color and the text color of the quick view on mobile, you will need to use the Custom CSS code provided below. Please adjust the color in the given code according to your preferences.
```
@media(max-width: 767px){
.product-view-default .footer-product .show-quickly {
    background-color: transparent !important;
    color: #88ff88 !important;
}
}
```
Best Regards,
8Theme’s Team
#367527 Copied
Tagged: best selling themes, mobile friendly themes, mobile web problems, quick view issues, troubleshoot woocommerce, woocommerce themes
Viewing 4 results - 1 through 4 (of 4 total)