The time in DateTime field get shrink in mobile devices

  • Profile Image
    ayadov77
    Asked on September 25, 2015 at 02:16 PM

    the problem with the default DateTime field is when it used for mobile, it gets messy, the time fields shrink and numbers can't be seen. 

     

    Thanks any way

  • Profile Image
    Welvin
    Answered on September 25, 2015 at 02:38 PM

    Please let us know the form URL with the default DateTime in it so we can check it and give you the responsive CSS codes to fix the display issue.

    Thanks

  • Profile Image
    ayadov77
    Answered on September 25, 2015 at 02:58 PM

    Hi Melvin, Thanks for your help, 

     

    here is the form iam trying to make, I managed to solve the size of the time field but still the position is not correct. can you help please?

     

    http://form.jotformpro.com/form/52655871978979?

  • Profile Image
    Welvin
    Answered on September 25, 2015 at 03:24 PM

    I'm fixing it for you. Please don't edit the form in the form builder until I say so.

    Thanks

  • Profile Image
    ayadov77
    Answered on September 25, 2015 at 03:25 PM

    OK THANKS

  • Profile Image
    Welvin
    Answered on September 25, 2015 at 03:33 PM

    Kindly check now. I have added the following custom CSS codes to your form:

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

    [data-type="control_datetime"] .form-sub-label-container {

    width: 28%;

    }

    }

    Thanks

  • Profile Image
    ayadov77
    Answered on September 25, 2015 at 03:43 PM

    Thank you so much, you just saved me lots of time.

     

    have a good time.

    Ayad

  • Profile Image
    david
    Answered on September 25, 2015 at 03:56 PM

    On behalf of my colleague you are most welcome!  If there is anything else we can assist you with, let us know and we will be happy to help.