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

  • Profile Image
    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
    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: 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: 

    I hope that helps.