How to make HTML table mobile responsive & wrap on mobile

I have an HTML table added to this page: https://mathimaginefoundation.ca/pages/about-us

However, it is not showing up on mobile devices - how do I code it to show up AND have the table contents wrap when viewed on mobile?

Thanks in advance!

Hi @VerbCreative ,

I have checked the link and I cannot see any table even on desktop.

Can you please provide the updated link?

It’s definitely there on desktop - this screenshot below is the content of the table…

Hi @VerbCreative , to do that, please follow our instructions:

Step 1: Open Online Store → Themes → Edit code.

Step 2: Find theme.liquid file.

Step 3: Paste this code before the close tag:


If this helpful, please let us know by giving us a like, and marking its as a solution. Thanks you :heart_eyes:

Hi @VerbCreative , go to pages in admin dashboard and then click on about us page and click on the </> button in the top right corner as shown in red box in first image below and paste the code provided below on top of the page html code as shown in second image: