Tables are Unresponsive on Mobile

[KShoop6]

We use tables in our blogs for a few different reasons, and they look great on the desktop versions of our blogs. The issue is they are not responsive when we go to mobile (as you can see) and HubSpot support is 'not equipped' to help with this issue. 

Has anyone else ran into this? Is there a fix?

[evaldas · Accepted solution]

Hi @KShoop6,

Based on your screenshots, the table technically appears to be responsive, meaning it responds to the screen size and columns adapt accordingly to fit that screen size. 

The easiest way to solve this is use an image of a table instead - it will scale proportionally with the screen size and not get squished. The downside is that in some cases the text might get a bit small on mobile.

Alternatively, you might need to work with a developer to customize the table CSS for your tables to your liking. The CSS Tricks website has some good information on the options for responsive tables: https://css-tricks.com/accessible-simple-responsive-tables/

Hope this helps!