What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

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.


  • Profile Image

    Center form on mobile device

    Asked by shades on December 15, 2012 at 05:27 PM

    I did what you said to put the css code change under preferences

    but that changed my website form on desktops and laptops.

    The problem is when viewing the website on an iPhone or droid etc.

    If you go to the website www.mobilevancouver.net on a pc you will

    see that the form is positioned correctly.

    Then if you can view the same website on a mobile device.

    The form shifts to the left and is not centered.

     

    Hi,

    I built a form for my website.

    Here is the link to the website with the form installed.

    Mainsite:    http://www.mobilevancouver.net

    The form centers perfect on the website on a laptop or desktop.

    But when I view the website on a mobile device

    part of the form shifts to the left. (enter your name) (enter your email)

    The button stays center though.

    I've tried the iframe code also but did not help.

    Any suggestions.

    Thankyou,

    Michael,

    P.S    The screenshot below is from my iPhone so you can see whats happening.

    Page URL:
    http://www.mobilevancouver.net

    Page URL:
    http://www.mobilevancouver.net

    Screenshot
  • Profile Image
    JotForm Support

    Answered by idarktech on December 15, 2012 at 06:22 PM

    Hi,

    Try to inject the following CSS codes to your form, see if this makes differences.

    .form-label-top, .form-label-left{

    margin-left: 46px !important;

    }

    Follow this guide: How to Inject Custom CSS Codes to your Form

    Let us know if this doesn't help. Thanks!

  • Profile Image
    JotForm Support

    Answered by idarktech on December 15, 2012 at 08:06 PM

    Hi,

    Sorry but I think my first suggestion will not work. Please remove that code and use this instead:

    .form-all {

    margin: auto !important;

    width: 690px !important;

    }

    Guide: How to Inject Custom CSS Codes to your Form

    We'll wait your feedback. Thanks!