JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
How can I form a mobile version of my website?Asked by PissedOff on June 12, 2016 at 10:17 PM
I have a desktop website and I would like to make a mobile version that looks the same. I want the image on the left to be removed or placed at the top, and then the required fields section to be centered in the screen.
To make your embedded form mobile responsive, here are the steps you should follow:
#1. You should enable "Mobile Responsive" attribute of your form. The following guide should help you: https://www.jotform.com/help/311-How-to-make-forms-mobile-responsive
#2. Please be noted that for your forms to be mobile responsive, we recommend forms to be embedded using its iFrame embed code. The following guide should help you how to grab your form'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.
I appreciate the help! I did the first step successfully, and I grabbed the iFrame embed code. My next question is, what exactly do I do with the iFrame embed code? I have it copied but I don't know where to place it. From what I understand, there is one more step so that when I open the website on my phone, it'll be mobile responsive.
Paste the code into your web page where you would like to display it. Usually somewhere in the body section of your webpage and within those tags. I see you have already done so. The form itself does look to be mobile responsive.