Problem with responsiveness in mobile devices.

I'm having the same issue

georigahealthsavings.com/quote

Hello gahsa,

Have you tried adding our "Mobile Responsive" widget to your JotForm already? It will ensure that the width of the form fields are displayed properly without any horizontal scroll in your form. 

Do try it out and get back to us if you have any trouble.

Thank you!

so, after I hit "get now" it doesn't do anything. A box appears and then it leaves but doesn't stay long enough for me to actually do anything.

Same issue.

1) Go to the edit mode of your jotform:

2) Add the widget from the Widgets tab, and save your jotform:

There is no additional configuration required by the widget, just add it to your jotform and the widget will do the rest. Let us know what happens, we will be glad to assist you.

Ok, its there but the form still isn't responsive on my smartphone. 

Hello gahsa,

Please let us know the web page URL where you have embedded your form and we will take a look. I did try to access the URL which you have shared earlier but it does not seems to work:  http://georigahealthsavings.com/quote I was not even able to open the domain.

We will wait for your response.

Thank you!

sorry

http://georgiahealthsavings.com/quote/

typo the first time

thank you !

Hello gahsa,

I did check your JotForm with its direct URL in my mobile device and it seems to display it correctly without any horizontal scroll. Please check the screenshot bellow:

When I checked your web page where you have embedded you JotForm, I was able to replicate the issue you are having. To solve this problem, I would suggest you to embed your JotForm using its iFrame embed code. The following guide should help you grab your JotForm's iFrame embed code:  https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code 

Hope this helps.

Do get back to us if you have any questions.

Thank you!

its not working on my smartphone on my website. The direct url works fine, I don't need that; I want it to be embedded 

Hello gahsa,

I did check your web page again and it seems you have not yet changed the embed code. As suggested in my earlier response, please embed your form using its iFrame embed code and that should solve your problem. The following guide should help you grab your JotForm's iFrame embed code:  http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code  

Do get back to us if the issue persists.

Thank you!

ok, so I done that and I'm STILL having the same issue. I'm using the mobile responsive widget and Iframe code. I want to start marketing this, but I cant if it looks bad :-(

Nope, same issue. :-(

Hello gahsa,

I did check your web page and there seems to be some problem. Your web page content is all jumbled up. Please check the screenshot below:

Do you have backup of your previous web page version?

I would suggest you to please revert back to an earlier version of your web page and then we will take it form there.

We will wait for your response.

Thank you!

uh, no....I dont...should I just start a new page?

ok, done..its been restored

it should be back to the original form without the form embedded at all.

My phone doesnt like the pop up windows - hence I think this is why I cant see the submissions. I am not a support person - just a customer - but feel this may be where some problems lie. 

I took the quote form out completely so its not there anymore. They asked me to go to an earlier revision, so thats why you cant see anything. 

Hello gahsa,

Actually we asked you to revert your web page to resolve the layout issue you had. Now please go ahead and embed your quote form in your web page. This is required for us to be able to check the responsive issue you are having.

Do get back to us when you embed the form in your web page and we will take a look. Please be noted that you should use your form's iFrame embed code.

We will wait for your response.

Thank you!

ok...thats what I did...I took all  the other text out and used the iframe embed code from the site. thats all thats there...along with the mobile widget, but thats it.

Hello gahsa,

The same jumbled up layout is back again. It seems to be causing because of the div height you have in your form.

This is taking bit of a time to figure out the issue. We will check it and get back to you as soon as possible. If required, I will speak to my colleague as well for their help.

Thank you!

@gahsa

Your form template has a default CSS code for iframe with this property position:absolute; which causes the iframe embedded form to display behind the other elements. You have to counter the absolute value with relative .e.g position:relative; and add it to the style attribute found on your iframe embed code. Anyway, I have added it for you. Please re-embed your form using the following code only.

<iframe id="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.us/form/42528557850159" frameborder="0" style="width: 100%; height: 1337px; border: none;position: relative !important;" scrolling="no"></iframe>

Hope this helps. Thanks!

THIS GUY ^^^^



thanks so much!!

Hello gahsa,

On behalf of my colleague, you are welcome.

I am glad to know that your issue is now resolved.

Do get back to us if you have any question.

Thank you!

HEY!!!

Ok, Im putting together another site using the same code and now its completly broken. Works well on my original site, but nothing on the new one. Same code. Same form.

New page

Please check the secure form URL on your form embed code. It's https://secure NOT https://form

<iframe id="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://secure.jotform.us/form/42528557850159" frameborder="0" style="width: 100%; height: 1337px; border: none;position: relative !important;" scrolling="no"></iframe>

That should fixed it. Thanks!

Hello gahsa,

:)

On behalf of my colleague, you are welcome.

Do get back to us if you have any questions.

Thank you!