Return to previous page

Grouped product is having an display issue in the mobile view

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

Catholicans

Participant

May 13, 2023 at 06:53

I have added a grouped product, and it looks fine on desktop. However, on mobile, it doesn’t appear correctly. The price is displayed above the cart quantity. I will share a screenshot for your reference. Could you please take a look?

Screen shot : https://snipboard.io/Ytsh3l.jpg

Thank you.

Please, contact administrator
for this information.

#356527 Copied Theme version: 9.1.4 WooCommerce version: 7.7.0

3 Answers
Tony Rodriguez

Support staff

May 13, 2023 at 07:59
Hello, Catholicans,

Thank you for using our theme and for contacting us.

In order to resolve your issue, please copy and paste the following CSS code into XStore >> Theme Options >> Theme Custom CSS >> Global CSS and then clear your browser cache:
```
@media(max-width: 767px){
.et_product-block .group_table .woocommerce-Price-amount bdi {
    top: 20px !important;
    position: relative !important;
}
}
```
The result should look like this: https://postimg.cc/1nGK2xQG

We hope this helps.

Best Regards,
8Theme’s Team
#356533 Copied
Catholicans

Participant

May 13, 2023 at 09:39

Thank you for your support. This code is working

#356547 Copied

Tony Rodriguez

Support staff

May 13, 2023 at 09:44

Hello, Catholicans,

You’re welcome! We are glad to hear that the code is working for you.

If you have any further questions or concerns, please don’t hesitate to reach out. we are always here to help.

Thank you for choosing our product and services.

This topic is now closed!

Best regards,
8Theme’s Team.

#356548 Copied
Tagged: display, grouped, issue, mobile, product, template, view, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘Grouped product is having an display issue in the mobile view’' has been successfully resolved, and the topic is now closed for further responses

Grouped product is having an display issue in the mobile view

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection