Non Responsive Form

ajj
New Contributor

Hello:
I can not get my form to become responsive. It is stuck in one size.

You can view it here view webflow:

http://ball-212251.webflow.io/

 

Any help would be welcome.

 

Thank you, aj

Reply
0 Upvotes
8 Replies
Regular Advisor | Platinum Partner

@ajj, how did  you add  this form to your site?  the iframe has a width of 300 applied to it.  the code looks different than i am used to.  did you paste the form script in?

dennis
Reply
0 Upvotes
ajj
New Contributor

Hi:
Thank you for the reply.

Yes, copy and pasted in the HTML code into the section.

I can not figure out how to change the 300 because it is set on 100%width.

Thank you.

Reply
0 Upvotes
Regular Advisor | Platinum Partner

@ajj, did the code you paste look like this:

<!--[if lte IE 8]>
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2-legacy.js"></script>
<![endif]-->
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
<script>
  hbspt.forms.create({
	portalId: "5200325",
	formId: "71635d66-b1e0-4202-92d1-0d34a711472e"
});
</script>

or did you copy and paste the html from another page?

dennis
Reply
0 Upvotes
ajj
New Contributor

That is what I pasted in.

I have recopied and pasted in the following:

<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/shell.js"></script>
<script>
hbspt.forms.create({
portalId: "5200325",
formId: "71635d66-b1e0-4202-92d1-0d34a711472e"
});
</script>

 

Reply
0 Upvotes
Regular Advisor | Platinum Partner

@ajj

can you try replacing with the version i had above?

it is slightly different.  see if it works

dennis
Reply
0 Upvotes
ajj
New Contributor

Hi Dennis:

Thank you.  I have recopied your version of the HTML and it seems to work.

 

Please provide any feedback on how to make it better.

 

Thanks

 

Site: http://ball-212251.webflow.io/

Reply
0 Upvotes
ajj
New Contributor

Dennis :

Corretion. Your suggest solution works on full screen, but when it goes down to mobile, the content fields do not shrink.

 

http://ball-212251.webflow.io/#contact-top

 

Thank you.

Reply
0 Upvotes
Regular Advisor | Platinum Partner

@ajj,

you have an event firing on form load that is setting the width of the iframe, but it does not fire on window resize.  you will want to modify this script to call the function on window resize

dennis
Reply
0 Upvotes