I'm having some trouble getting my tables to display correctly on my product pages with the minimal theme. On desktop, if I use the wide version of the theme it displays correctly, but on mobile there is quite a bit of overflow.
I'm using the size charts the Printful integration automatically generates, and here's how it looks on mobile:
Now, I know I could go though and edit the HTML on each table individually, but not only would that take a ton of time - I would have to repeat the process with every new product. I'm thinking that there should be a way to edit the css on my theme (maybe editing something to "width-100%"?), but I'm completely unfamiliar with liquid and have no idea where to even look in the code to mess with my css. I think there's probably enough padding in all of the numeric cells that if width were set to 100%, it could display properly without making a horizontal scroll, but I'm not sure.
If someone could help point me in the right direction, I would be extremely grateful.
It looks like we only need to somehow edit the size chart using the rich text editor to change how it displays on product page. I actually did it on three T-Shirts so far (Quarlife, I Survived and #Dumbass). Here's a video recording link to show you how I did it:
This is how the result looks like: