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.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.