Date Time: Why are not time fields displaying properly on mobile devices?

  • Profile Image
    lfd478
    Asked on August 21, 2017 at 12:17 PM
    The second image I am attaching is from my cell phone and you will see that Hours and Minutes does not properly appear.
  • Profile Image
    Kevin_G
    Answered on August 21, 2017 at 12:37 PM

    This can be resolved by injecting the following CSS code to your form: 

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

      .time-dropdown {

          width: 50px !important;

      }

      .allowTime-container span:nth-child(3){

          margin-left: 15px;

      }

    }

    Please follow this guide in order to inject the code to your form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    I hope this helps.