Making grouped product list responsive

Hi to all,

we are using Woocommerce with the Subscription extension. There you can make grouped products.
But the grouped products ar not shown correct (responsive) on mobile devices.
How to fix this?

Thanks,
Robert

Correct view on PCs:
image
Wrong view on mobile devices:
image

Comments

  • Hi Robert,

    what you present above is table which is not responsive and on which we have no impact. So if you want to do something with this table, you supposed to contact with plugin's author as theme has no impact on it.

    Thanks!
  • OK, thanks for this info. I will contact Woocommerce support.
  • So, I'm back with the answer of Woo-Support:
    "Yes, the table is created by Woo-Subscriptions, however, the styling to make
    the table go off to the right is most likely the theme. The best solution here would be some custom css
    that would make the table behave differently and allow the rows to
    collapse down to a single column on smaller screens."

    They say that this table style is made by a custom css from BeTheme. We are based on the Sports Theme, but customized colours, etc.
    When switching to a base theme like Twenty... it works perfect.

    Now my question: Which table takes effect, which/how should we customize? Like: @media only screen and (max-width: 990px)....

    Thanks,
    Robert
  • Sorry but we can not agree with them. The table is not responsive because of the plugin and this has nothing to theme.
Sign In or Register to comment.