topic Re: Hubspot form not showing full width in Lead Capture Tools

Hubspot form not showing full width

MTarbuck — Mon, 08 Feb 2021 22:07:13 GMT

Hi Guys and Girls,

I've embedded a form into a webpage, but the form is only 500px wide. I have tried adding the CSS recommended for both max-width and margin with no change. I have cleared the cache just in case. The test site can be found at https://askmav.co. The form is in the contact section.

I am using HubSpot marketing starter by the way.

Thanks,

Mat

Re: Hubspot form not showing full width

Nikhil_Aggarwal — Tue, 09 Feb 2021 06:42:22 GMT

Hi @MTarbuck

There is a fixed inline width given to iframe in which Hubspot form is embedded. we would need to update that width to increase form width (Ref: Screenshot). Do let me know if this solution works

Thanks

Nikhil

Re: Hubspot form not showing full width

MTarbuck — Tue, 09 Feb 2021 13:25:50 GMT

This would work great. It would be much better, however, if you could simply add a control to the form builder that allows you to adjust the width of the iframe, or even let us embed it as an iframe rather than JS.

Do I have to add the iFrame text or is this something you guys will do on the backend? If backend, how I would need to try different widths out.

Thanks

Re: Hubspot form not showing full width

MTarbuck — Tue, 09 Feb 2021 16:05:40 GMT

I have found a solution to this problem by targeting the form to a named <div> tag and then setting the CSS to that tag.