<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Re: Tables are Unresponsive on Mobile in CMS Development</title>
    <link>https://community.hubspot.com/t5/CMS-Development/Tables-are-Unresponsive-on-Mobile/m-p/1207829#M44233</link>
    <description>&lt;P&gt;Hi&amp;nbsp;&lt;a href="https://community.hubspot.com/t5/user/viewprofilepage/user-id/956163"&gt;@KShoop6&lt;/a&gt;,&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;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.&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;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.&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;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:&amp;nbsp;&lt;A href="https://css-tricks.com/accessible-simple-responsive-tables/" target="_blank"&gt;https://css-tricks.com/accessible-simple-responsive-tables/&lt;/A&gt;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;Hope this helps!&lt;/P&gt;</description>
    <pubDate>Fri, 03 Oct 2025 14:25:26 GMT</pubDate>
    <dc:creator>evaldas</dc:creator>
    <dc:date>2025-10-03T14:25:26Z</dc:date>
    <item>
      <title>Tables are Unresponsive on Mobile</title>
      <link>https://community.hubspot.com/t5/CMS-Development/Tables-are-Unresponsive-on-Mobile/m-p/1207790#M44231</link>
      <description>&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="KShoop6_0-1759495018359.png" style="width: 400px;"&gt;&lt;img src="https://community.hubspot.com/t5/image/serverpage/image-id/157374i65015B39B4A98A62/image-size/medium?v=v2&amp;amp;px=400" role="button" title="KShoop6_0-1759495018359.png" alt="KShoop6_0-1759495018359.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="KShoop6_1-1759495038197.png" style="width: 400px;"&gt;&lt;img src="https://community.hubspot.com/t5/image/serverpage/image-id/157375i62B7AFA4A00605A8/image-size/medium?v=v2&amp;amp;px=400" role="button" title="KShoop6_1-1759495038197.png" alt="KShoop6_1-1759495038197.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;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.&amp;nbsp;&lt;BR /&gt;&lt;BR /&gt;Has anyone else ran into this? Is there a fix?&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Fri, 03 Oct 2025 12:40:43 GMT</pubDate>
      <guid>https://community.hubspot.com/t5/CMS-Development/Tables-are-Unresponsive-on-Mobile/m-p/1207790#M44231</guid>
      <dc:creator>KShoop6</dc:creator>
      <dc:date>2025-10-03T12:40:43Z</dc:date>
    </item>
    <item>
      <title>Re: Tables are Unresponsive on Mobile</title>
      <link>https://community.hubspot.com/t5/CMS-Development/Tables-are-Unresponsive-on-Mobile/m-p/1207829#M44233</link>
      <description>&lt;P&gt;Hi&amp;nbsp;&lt;a href="https://community.hubspot.com/t5/user/viewprofilepage/user-id/956163"&gt;@KShoop6&lt;/a&gt;,&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;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.&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;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.&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;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:&amp;nbsp;&lt;A href="https://css-tricks.com/accessible-simple-responsive-tables/" target="_blank"&gt;https://css-tricks.com/accessible-simple-responsive-tables/&lt;/A&gt;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;Hope this helps!&lt;/P&gt;</description>
      <pubDate>Fri, 03 Oct 2025 14:25:26 GMT</pubDate>
      <guid>https://community.hubspot.com/t5/CMS-Development/Tables-are-Unresponsive-on-Mobile/m-p/1207829#M44233</guid>
      <dc:creator>evaldas</dc:creator>
      <dc:date>2025-10-03T14:25:26Z</dc:date>
    </item>
  </channel>
</rss>

