https://community.hubspot.com/t5/CMS-Development/CTA-is-not-responsive/m-p/994789#M39584 <P>So I'm trying to embed a cta into a page (new CTA, not legacy) and even though I am setting the thing to be responsive, it is still getting fixed dimensions in the code output.&nbsp;</P><P>&nbsp;</P><P>&lt;div class="hs-cta-embed hs-cta-simple-placeholder hs-cta-embed-170715962685 hs-cta-embed__loaded" style="max-width:100%; max-height:100%; width:400px;height:335px" data-hubspot-wrapper-cta-id="170715962685"&gt;<BR /><BR />&lt;iframe src="<A href="https://23183164.hs-sites.com/hs-web-interactive-23183164-170715962685?utk=07c6f50bb6d0b1b330be7435a5012e62" target="_blank" rel="noopener">https://23183164.hs-sites.com/hs-web-interactive-23183164-170715962685?utk=07c6f50bb6d0b1b330be7435a5012e62</A>" aria-label="Embedded CTA" title="Embedded CTA" allow="autoplay; fullscreen;" data-test-id="interactive-frame" class="go812842568" style="border: none; height: 100%; width: 100%;"&gt;&lt;/iframe&gt;&lt;/div&gt;</P><P>&nbsp;</P><P>No matter what I do I can't get the CTA to scale down far enough for mobile views. I can set the parent container to overflow: hidden but this isn't really the greatest solution. Anyone know a work around?</P> Thu, 20 Jun 2024 05:33:24 GMT AGray65 2024-06-20T05:33:24Z https://community.hubspot.com/t5/CMS-Development/CTA-is-not-responsive/m-p/994789#M39584 <P>So I'm trying to embed a cta into a page (new CTA, not legacy) and even though I am setting the thing to be responsive, it is still getting fixed dimensions in the code output.&nbsp;</P><P>&nbsp;</P><P>&lt;div class="hs-cta-embed hs-cta-simple-placeholder hs-cta-embed-170715962685 hs-cta-embed__loaded" style="max-width:100%; max-height:100%; width:400px;height:335px" data-hubspot-wrapper-cta-id="170715962685"&gt;<BR /><BR />&lt;iframe src="<A href="https://23183164.hs-sites.com/hs-web-interactive-23183164-170715962685?utk=07c6f50bb6d0b1b330be7435a5012e62" target="_blank" rel="noopener">https://23183164.hs-sites.com/hs-web-interactive-23183164-170715962685?utk=07c6f50bb6d0b1b330be7435a5012e62</A>" aria-label="Embedded CTA" title="Embedded CTA" allow="autoplay; fullscreen;" data-test-id="interactive-frame" class="go812842568" style="border: none; height: 100%; width: 100%;"&gt;&lt;/iframe&gt;&lt;/div&gt;</P><P>&nbsp;</P><P>No matter what I do I can't get the CTA to scale down far enough for mobile views. I can set the parent container to overflow: hidden but this isn't really the greatest solution. Anyone know a work around?</P> Thu, 20 Jun 2024 05:33:24 GMT https://community.hubspot.com/t5/CMS-Development/CTA-is-not-responsive/m-p/994789#M39584 AGray65 2024-06-20T05:33:24Z https://community.hubspot.com/t5/CMS-Development/CTA-is-not-responsive/m-p/995030#M39596 <P>Hi&nbsp;<a href="https://community.hubspot.com/t5/user/viewprofilepage/user-id/780859">@AGray65</a>&nbsp;</P> <P>&nbsp;</P> <P>Was running into the same issue and thought it was a bug but HubSpot support confirmed the code is generated as intended.</P> <P>&nbsp;</P> <P>The proposed solution is to set the immediate parent container (of the &lt;div class="<SPAN>hs-cta-embed..."&gt;)&nbsp;</SPAN>to "max-width: 100%" - which worked in our case.</P> Thu, 20 Jun 2024 13:56:03 GMT https://community.hubspot.com/t5/CMS-Development/CTA-is-not-responsive/m-p/995030#M39596 evaldas 2024-06-20T13:56:03Z