Making grouped product list responsive

Checkbilliard

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:

Wrong view on mobile devices:

Albert

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!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Checkbilliard

OK, thanks for this info. I will contact Woocommerce support.

Albert

No problem.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Checkbilliard

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

Albert

Sorry but we can not agree with them. The table is not responsive because of the plugin and this has nothing to theme.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next