Hi everyone,
I have this table in the product description, made with the table tool offered by shopify. It looks fine on web browser
When I switch to phone it looks really bad
This is the table code.
| ** NUTRIENTES** | **CANTIDAD** | **APORTA** | **RIQUEZA** | **VRN** |
| - | - | - | - | - |
| Valeriana | | | | |
Is there a way for the table to look good on both phone and web browser?
Thank you for your attention
@GregoryKika - can you please share the page link? it will need multiple css codings
also if possible avoid table as much as you can as it always gives the issues.
It’s a table that should go on every product page. If it’s too complicated and problematic as you say I’ll just drop the idea
@GregoryKika - for now it can be done like in screenshot, but it is easy if you have only 1-2 rows, if it gets more content, more rows/columns, it will just look bad
Hi @GregoryKika ,
Give your table a class. Replace your HTML code with the code below. I use clamp for the text to adjust to screen size and remove the default padding.
| ** NUTRIENTES** | **CANTIDAD** | **APORTA** | **RIQUEZA** | **VRN** |
| - | - | - | - | - |
| Valeriana | | | | |