# CTA is not responsive

**URL:** <https://community.hubspot.com/t/cta-is-not-responsive/109719>\
**Category:** CMS Development\
**Tags:** design-manager\
**Created:** [June 20, 2024, 5:33am UTC](https://community.hubspot.com/t/cta-is-not-responsive/109719 "2024-06-20T05:33:24Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![AGray65](https://avatars.discourse-cdn.com/v4/letter/a/e56c9b/32.png) [@AGray65](https://community.hubspot.com/u/AGray65)\
**Post date:** [June 20, 2024, 5:33am UTC](https://community.hubspot.com/t/cta-is-not-responsive/109719/1 "2024-06-20T05:33:24Z")

</div>

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.

\<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”\>  
\<iframe src=“[https://23183164.hs-sites.com/hs-web-interactive-23183164-170715962685?utk=07c6f50bb6d0b1b330be7435a5012e62](https://23183164.hs-sites.com/hs-web-interactive-23183164-170715962685?utk=07c6f50bb6d0b1b330be7435a5012e62)” aria-label=“Embedded CTA” title=“Embedded CTA” allow=“autoplay; fullscreen;” data-test-id=“interactive-frame” class=“go812842568” style=“border: none; height: 100%; width: 100%;”\>\</iframe\>\</div\>

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?

---

<div class="post-metadata">

**Author:** ![evaldas](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/evaldas/32/69160_2.png) [@evaldas](https://community.hubspot.com/u/evaldas)\
**Post date:** [June 20, 2024, 1:56pm UTC](https://community.hubspot.com/t/cta-is-not-responsive/109719/2 "2024-06-20T13:56:03Z")

</div>

Hi @AGray65

Was running into the same issue and thought it was a bug but HubSpot support confirmed the code is generated as intended.

The proposed solution is to set the immediate parent container (of the \<div class=“hs-cta-embed…”\>) to “max-width: 100%” - which worked in our case.