Grouped product Not Responsive

Hello,

The problem is the following:

-For grouped products (3 products linked) the QUICK VIEW page is not responsive on phone device (iPhone X).
-The product PAGE is not responsive as well.
-Thank you to see the screenshot.

PS: The problem is not showing with Chrome Inspector (programmer tool). You need to check with a real Apple device.

Thank you in advance,

Alex

Hello,

The link provided is 404 page, please provide the valid product URL.

Best Regards

I just checked and this is the valid URL the pages are working fine, please try again =)

Hello,

I have checked the product in the quick view and I do not see the problem https://gyazo.com/3e1b576ba56f407e990224621ce3583a

Please advise how I can reproduce the problem?

Best Regards

Hello,

May I ask you how did you check it? Did you use an Apple phone device? Because I used An Android device and google chrome inspector and we cannot reproduce the error with that.

You need to use an Apple mobile device to see the problem.

Hello,

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

.group_table {
  display: block;
  overflow: hidden;
  overflow-x: auto;
}
.woocommerce-grouped-product-list-item td:first-child {
  padding-left: 0;
}
.woocommerce-grouped-product-list-item td:last-child {
  padding-right: 0;
}

Best Regards

Hello,

Thank you for your reply.

It does not work, I still have the same problem after applying the CCS code.

Best regards,

Attachments:

You must be logged in to view attached files.

Hello,

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

.popup-quick-view .product-type-grouped .grouped_form {
margin-right: 17px;
}

Best Regards

[Author]

Posts