Year in the datetime field is too narrow that it cuts off the year input in mobile view

  • Profile Image
    mberman
    Asked on May 13, 2016 at 10:19 AM

     
     
    Please need to fix the last digit of the year is not showing up when I run on the phone. If you can correct me, I will be very grateful.
  • Profile Image
    Charlie
    Answered on May 13, 2016 at 11:43 AM

    I see your form has a lot of CSS code. Could you please try adding this one at the bottom of your CSS code:

    @media screen and (max-width: 480px), screen and (max-device-width: 768px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape) {

        #cid_14 > span:nth-child(3) {

        min-width: 50px !important;

        }

        [data-type="control_datetime"].allowTime .allowTime-container {

            width: 45% !important;

        }

        #hour_14, #min_14 {

            min-width: 42px !important;

            margin-right: 3px !important;

        }

    }

     

    Here's a screenshot to where to add it, paste it under the CSS tab in your Form Designer Tool:

     

    Here's my cloned form: https://form.jotform.com/61334244624955. You can test it and see if it works as expected. If it does, you can get a copy of that version in your account by cloning it, here's how to clone my form: https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL 

    I hope that helps.