- topresumeprosAsked on August 22, 2017 at 02:03 PM
My JotForm titled "Shopping Cart" does not work on Mobile devices. It just started happening yesterday. On a smart phone, when a customer visits this page https://www.topresumepros.com/shopping-cart they cannot see the entire form to fill everything out. It just gets cut off. (see screen print below.) On desktop view, everything works fine.
PLEASE HELP AS THIS IS AFFECTING MOBILE USERS!!
- JotForm SupportKevin_GAnswered on August 22, 2017 at 02:46 PM
I have checked your form and noticed the same issue you are reporting, I would recommend you to re-embed your form and setting the scrolling property to "yes".
This should allow your users to scroll over the form and get the entire content.
Please let us know how it goes.
- topresumeprosAnswered on August 22, 2017 at 03:54 PM
Hi. I have re-embeded form to website but same issue. I don't think it is a scrolling issue as the form just cuts off even though I still have the scrolling option.
Where can I change the code at in my account to ensure that scrolling is set to yes? I could not find this setting on the form.
- JotForm SupportKevin_GAnswered on August 22, 2017 at 04:31 PM
I have checked your embedded form and noticed te scrolling property is still set to no, please get the iFrame code from your form by following this guide: https://www.jotform.com/help/148-Getting-the-form-iFrame-code
If it still works the same, I would suggest you to please do not remove the embedded code so we can further check it.
We will wait for your response.
- topresumeprosAnswered on August 22, 2017 at 07:39 PM
This did not work. I got the iFrame code, I removed the java script section, I then embeded it into my website and the same issue happened.
- JotForm SupportKevin_GAnswered on August 22, 2017 at 09:02 PM
I have just checked your form and noticed your form still has the scrolling property set to no:
I would recommend you to use this iFrame code instead:
<iframe title="Shopping Cart" onload="window.parent.scrollTo(0,0)" src="https://www.jotform.com/form/63230655124145" allowtransparency="true" name="63230655124145" id="63230655124145" style="width: 1px;min-width: 100%;display: block;overflow: auto; border: none;height: 653px;" scrolling="yes"></iframe>
With this code you should be able to scroll through the form while it does not have enough height.
Also, are you using a website builder?
If so, please try adding the code as HTML instead of using a plugin.
Please let us know how it goes.
- topresumeprosAnswered on August 23, 2017 at 10:44 AM
This also does NOT WORK!
As I have stated before, this is not a scrolling issue but something else. I can scroll all the way up and down and have plenty of room to scroll. The form just cuts off and disappears and does not show the "Next" button. This is only happening on mobile devices so our customers cannot checkout using this form if they are on a smart device.
- JotForm SupportaubreybourkeAnswered on August 23, 2017 at 11:59 AM
I tested your stand alone form and also your embedded form. Both of them are working now. So I'm guessing the issue has been resolved right?
And further investigation reveals that scrolling is set to yes, as suggested by my colleague.
- topresumeprosAnswered on August 23, 2017 at 12:36 PM
Hi. Yes. It appears to be working now. Thank you for your quick responses to this matter.