How can I form a mobile version of my website?

  • PissedOff
    Asked 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.

  • Ashwin JotForm Support
    Replied on June 13, 2016 at 2:57 AM

    Hello PissedOff,

    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.

    Than you!

  • PissedOff
    Replied on June 13, 2016 at 2:46 PM

    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.

  • David JotForm Support
    Replied on June 13, 2016 at 3:51 PM

    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.