Table format is not correct on Mobile and Desktop

Hello community,

I have a chart table, however, when i use it on product page (in collapse row) it seems terrible :slightly_smiling_face: (numbers mix in rows) either desktop and mobile phone. How can i fix it ? i think it’s related to media css but i’m not sure.HTML code, Photos and link below. Thank in advance for your help.

HTML code


S M L XL 2XL 3XL
Brustumfang (cm) 92-98 98-104 104-110 110-116 116-122 122-126
Taillenumfang (cm) 68-72 76-80 84-88 92-96 100-104 108-112
Hüftumfang (cm) 108-112 112-116 116-120 120-124 124-128 128-132

Es ist gut, eine Nummer größer zu wählen.

Desktop

Mobile

and link: https://zuschlafen.de/products/susse-cartoon-pyjamas-fur-damen

Hi @Zuschlafen

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag


Hope this answer helps.

Best regards,

Victor | PageFly

Hi @Zuschlafen

You can try to add a fixed width for this table, then user will able to scroll it to view all content

seems better right now, Thank you

to be honest, i don’t want to have scroll

still some issue, would you please check @PageFly-Victor

Link: https://zuschlafen.de/products/luxurioser-seiden-anzug-fur-damen

Html code

M L XL XXL 3XL
Brustumfang (cm) 96-98 98-102 102-106 106-110 110-114
Taillenumfang (cm) 86-88 88-90 90-92 92-94 94-96
Hüftumfang (cm) 100-104 104-108 108-112 112-116 116-120

Es ist gut, eine Nummer größer zu wählen.

Can you tell me what size you want the table to be? because from my side it looks very good.