<?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: Table not responsive on mobile in Blog, Website &amp; Page Publishing</title>
    <link>https://community.hubspot.com/t5/Blog-Website-Page-Publishing/Table-not-responsive-on-mobile/m-p/1146397#M15454</link>
    <description>&lt;P&gt;Hi &lt;SPAN&gt;&lt;a href="https://community.hubspot.com/t5/user/viewprofilepage/user-id/725083"&gt;@laura_kit&lt;/a&gt;&lt;/SPAN&gt;, I hope that you are well!&lt;BR /&gt;&lt;BR /&gt;Great question, thanks for asking the HubSpot Community and well done on researching previous posts on the Community! &lt;span class="lia-unicode-emoji" title=":raising_hands:"&gt;🙌&lt;/span&gt;&lt;BR /&gt;&lt;BR /&gt;In your research, did you find these amazing answers:&lt;BR /&gt;&lt;BR /&gt;- The solutions from &lt;a href="https://community.hubspot.com/t5/user/viewprofilepage/user-id/17186"&gt;@Anton&lt;/a&gt; and &lt;SPAN&gt;&lt;a href="https://community.hubspot.com/t5/user/viewprofilepage/user-id/73772"&gt;@Kevin-C&lt;/a&gt;&lt;/SPAN&gt; on this post "&lt;A href="https://community.hubspot.com/t5/CMS-Development/Making-a-responsive-table-using-CSS/m-p/337710" target="_blank" rel="noopener"&gt;Making a responsive table using CSS&lt;/A&gt;"&lt;BR /&gt;- The solution from &lt;a href="https://community.hubspot.com/t5/user/viewprofilepage/user-id/101258"&gt;@Teun&lt;/a&gt; on this post "&lt;A href="https://community.hubspot.com/t5/CMS-Development/Table-display-on-mobile/m-p/1045998" target="_blank" rel="noopener"&gt;Table display on mobile&lt;/A&gt;"&lt;BR /&gt;&lt;BR /&gt;I'd love to ask our Top Experts as well: Hi &lt;a href="https://community.hubspot.com/t5/user/viewprofilepage/user-id/17186"&gt;@Anton&lt;/a&gt; and &lt;SPAN&gt;&lt;a href="https://community.hubspot.com/t5/user/viewprofilepage/user-id/72866"&gt;@Jake_Lett&lt;/a&gt;&lt;/SPAN&gt; do you have other suggestions or tips to add to help &lt;SPAN&gt;&lt;a href="https://community.hubspot.com/t5/user/viewprofilepage/user-id/725083"&gt;@laura_kit&lt;/a&gt;&lt;/SPAN&gt;, please?&lt;BR /&gt;&lt;BR /&gt;Have a wonderful day and thanks so much in advance for your help! &lt;span class="lia-unicode-emoji" title=":red_heart:"&gt;❤️&lt;/span&gt;&lt;BR /&gt;Bérangère&lt;/P&gt;</description>
    <pubDate>Fri, 09 May 2025 09:33:12 GMT</pubDate>
    <dc:creator>BérangèreL</dc:creator>
    <dc:date>2025-05-09T09:33:12Z</dc:date>
    <item>
      <title>Table not responsive on mobile</title>
      <link>https://community.hubspot.com/t5/Blog-Website-Page-Publishing/Table-not-responsive-on-mobile/m-p/1146292#M15453</link>
      <description>&lt;P&gt;Hi there&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;We are building a landing page where we have a table to compare different products however the table isn't responsive on mobile. We would like to be able to scroll horizontally on mobile, we tried a few things here and there that we found on this community but nothing seems to work. Is anyone able to help please?&lt;/P&gt;&lt;P&gt;Thank you&lt;/P&gt;</description>
      <pubDate>Fri, 09 May 2025 01:54:23 GMT</pubDate>
      <guid>https://community.hubspot.com/t5/Blog-Website-Page-Publishing/Table-not-responsive-on-mobile/m-p/1146292#M15453</guid>
      <dc:creator>laura_kit</dc:creator>
      <dc:date>2025-05-09T01:54:23Z</dc:date>
    </item>
    <item>
      <title>Re: Table not responsive on mobile</title>
      <link>https://community.hubspot.com/t5/Blog-Website-Page-Publishing/Table-not-responsive-on-mobile/m-p/1146397#M15454</link>
      <description>&lt;P&gt;Hi &lt;SPAN&gt;&lt;a href="https://community.hubspot.com/t5/user/viewprofilepage/user-id/725083"&gt;@laura_kit&lt;/a&gt;&lt;/SPAN&gt;, I hope that you are well!&lt;BR /&gt;&lt;BR /&gt;Great question, thanks for asking the HubSpot Community and well done on researching previous posts on the Community! &lt;span class="lia-unicode-emoji" title=":raising_hands:"&gt;🙌&lt;/span&gt;&lt;BR /&gt;&lt;BR /&gt;In your research, did you find these amazing answers:&lt;BR /&gt;&lt;BR /&gt;- The solutions from &lt;a href="https://community.hubspot.com/t5/user/viewprofilepage/user-id/17186"&gt;@Anton&lt;/a&gt; and &lt;SPAN&gt;&lt;a href="https://community.hubspot.com/t5/user/viewprofilepage/user-id/73772"&gt;@Kevin-C&lt;/a&gt;&lt;/SPAN&gt; on this post "&lt;A href="https://community.hubspot.com/t5/CMS-Development/Making-a-responsive-table-using-CSS/m-p/337710" target="_blank" rel="noopener"&gt;Making a responsive table using CSS&lt;/A&gt;"&lt;BR /&gt;- The solution from &lt;a href="https://community.hubspot.com/t5/user/viewprofilepage/user-id/101258"&gt;@Teun&lt;/a&gt; on this post "&lt;A href="https://community.hubspot.com/t5/CMS-Development/Table-display-on-mobile/m-p/1045998" target="_blank" rel="noopener"&gt;Table display on mobile&lt;/A&gt;"&lt;BR /&gt;&lt;BR /&gt;I'd love to ask our Top Experts as well: Hi &lt;a href="https://community.hubspot.com/t5/user/viewprofilepage/user-id/17186"&gt;@Anton&lt;/a&gt; and &lt;SPAN&gt;&lt;a href="https://community.hubspot.com/t5/user/viewprofilepage/user-id/72866"&gt;@Jake_Lett&lt;/a&gt;&lt;/SPAN&gt; do you have other suggestions or tips to add to help &lt;SPAN&gt;&lt;a href="https://community.hubspot.com/t5/user/viewprofilepage/user-id/725083"&gt;@laura_kit&lt;/a&gt;&lt;/SPAN&gt;, please?&lt;BR /&gt;&lt;BR /&gt;Have a wonderful day and thanks so much in advance for your help! &lt;span class="lia-unicode-emoji" title=":red_heart:"&gt;❤️&lt;/span&gt;&lt;BR /&gt;Bérangère&lt;/P&gt;</description>
      <pubDate>Fri, 09 May 2025 09:33:12 GMT</pubDate>
      <guid>https://community.hubspot.com/t5/Blog-Website-Page-Publishing/Table-not-responsive-on-mobile/m-p/1146397#M15454</guid>
      <dc:creator>BérangèreL</dc:creator>
      <dc:date>2025-05-09T09:33:12Z</dc:date>
    </item>
    <item>
      <title>Re: Table not responsive on mobile</title>
      <link>https://community.hubspot.com/t5/Blog-Website-Page-Publishing/Table-not-responsive-on-mobile/m-p/1150920#M15465</link>
      <description>&lt;P&gt;Hi&amp;nbsp;&lt;a href="https://community.hubspot.com/t5/user/viewprofilepage/user-id/725083"&gt;@laura_kit&lt;/a&gt;,&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;This depends on the theme used. Would you mind sharing the page URL?&lt;/P&gt;</description>
      <pubDate>Sat, 10 May 2025 15:09:40 GMT</pubDate>
      <guid>https://community.hubspot.com/t5/Blog-Website-Page-Publishing/Table-not-responsive-on-mobile/m-p/1150920#M15465</guid>
      <dc:creator>GiantFocal</dc:creator>
      <dc:date>2025-05-10T15:09:40Z</dc:date>
    </item>
    <item>
      <title>Re: Table not responsive on mobile</title>
      <link>https://community.hubspot.com/t5/Blog-Website-Page-Publishing/Table-not-responsive-on-mobile/m-p/1153296#M15512</link>
      <description>&lt;P&gt;Hi&amp;nbsp;&lt;a href="https://community.hubspot.com/t5/user/viewprofilepage/user-id/725083"&gt;@laura_kit&lt;/a&gt;,&lt;BR /&gt;&lt;BR /&gt;To fix the issue, wrap your table in a div like this:&lt;/P&gt;
&lt;LI-CODE lang="markup"&gt;&amp;lt;div class="responsive-table-wrapper"&amp;gt;
  &amp;lt;table&amp;gt;
    &amp;lt;!-- your table rows and columns --&amp;gt;
  &amp;lt;/table&amp;gt;
&amp;lt;/div&amp;gt;
&lt;/LI-CODE&gt;
&lt;P&gt;&amp;nbsp;Then add this CSS to your landing page stylesheet or custom module:&lt;/P&gt;
&lt;LI-CODE lang="markup"&gt;.responsive-table-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.responsive-table-wrapper table {
  width: 100%;
  min-width: 600px; /* Adjust as needed */
  border-collapse: collapse;
}
&lt;/LI-CODE&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;Test your table using HubSpot’s preview in mobile view and also on real devices. Sometimes browser-based previews don’t show the full mobile experience, especially for touch scrolling.&lt;/P&gt;</description>
      <pubDate>Fri, 16 May 2025 10:07:50 GMT</pubDate>
      <guid>https://community.hubspot.com/t5/Blog-Website-Page-Publishing/Table-not-responsive-on-mobile/m-p/1153296#M15512</guid>
      <dc:creator>Wesimplifi_</dc:creator>
      <dc:date>2025-05-16T10:07:50Z</dc:date>
    </item>
    <item>
      <title>Re: Table not responsive on mobile</title>
      <link>https://community.hubspot.com/t5/Blog-Website-Page-Publishing/Table-not-responsive-on-mobile/m-p/1156016#M15546</link>
      <description>&lt;P&gt;amazing thanks so much it is working!!!&lt;/P&gt;</description>
      <pubDate>Fri, 23 May 2025 01:49:29 GMT</pubDate>
      <guid>https://community.hubspot.com/t5/Blog-Website-Page-Publishing/Table-not-responsive-on-mobile/m-p/1156016#M15546</guid>
      <dc:creator>laura_kit</dc:creator>
      <dc:date>2025-05-23T01:49:29Z</dc:date>
    </item>
  </channel>
</rss>

