How can I make a size chart table more responsive on mobile?

Hey guys,

Can someone help me to adjust the table size for the mobile?

I have a page which is called ‘size chart’ and unfortunately it doesn’t look ok on the mobile. It’s too wide and a user has to scroll left and right, up and down. Is it possible to make it more responsive and dynamic?

URL: https://jnsq.shop/pages/measurement-guide

Thank you,

Julia

Hey

I hope you well and safe!!

Please use this code in theme.css file:

@media screen and (max-width: 640px) {
main#MainContent .rte div {
overflow: auto;
width: 100%;
}
}

Thank you
Pooja D.

1 Like

Hey,

Thank you for the code, it became better, but you still need to scroll left and right for the table content…

Do you want to remove the bottom scroll?

Yeap, just want the table to be sized and spread across the mobile screen (so that all the info is fit and there is no need to scroll) :slightly_smiling_face: