Home Forums Basel support forum Grouped product Not Responsive

Grouped product Not Responsive

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #196253

    alex33160
    Participant

    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

    #196301

    Hello,

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

    Best Regards

    #196314

    alex33160
    Participant

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

    #196339

    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

    #196357

    alex33160
    Participant

    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.

    #196434

    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

    #196663

    alex33160
    Participant

    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.
    #196798

    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

Viewing 8 posts - 1 through 8 (of 8 total)