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

    Time and Date field is overlapping on mobile screen

    Asked by cgrouge on February 19, 2016 at 03:00 PM

    Everything is displaying perfectly on desktop and mobile except the Date Time field on mobile device. The time begins to overlap the date field and in general, the date field just doesn't look very readable. Here is my form: https://form.jotform.com/60484032554149

    Could you teach me how to resolve this issue? 

    Page URL:
    https://form.jotform.com/60484032554149

    Screenshot
    date field Mobile Time and Date and
  • Profile Image
    JotForm Support

    Answered by BDAVID on February 19, 2016 at 06:37 PM

    This is the best I have come up with, since it is really hard to make it responsive due to the Time drop downs.

    So, do the following:

    Add the mobile responsive widget: 

    Inject the following CSS code: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    @media only screen and (max-width: 480px) {

    #cid_3{

        width: 55% !important;

    }

    .allowTime-container {

        width: 100% !important;

    }

    }

    Result: https://form.jotform.com/60496297995982 

    Hope this helps.

  • Profile Image

    Answered by cgrouge on February 22, 2016 at 08:44 AM

    This worked perfectly - displays very nicely on mobile. Thank you!