Date Picker not vizualizing well on mobile

  • paracaidismogalicia2
    Asked on March 10, 2020 at 4:08 AM

    hi there, the calendar in my form when its on mobile sreen you can not see the day.



    Jotform Thread 2201763 Screenshot
    Page URL: https://form.jotform.com/paracaidismogalicia2/tunel
  • paracaidismogalicia2
    Replied on June 9, 2020 at 1:57 PM

    hello?

  • Mike
    Replied on June 9, 2020 at 6:31 PM

    To improve the layout of the Date Picker on the mobile view, turn off the Shrink option:

    Date Picker not vizualizing well on mobile Image 1 Screenshot 30

    And then add the next CSS to your form:

    @media screen and (max-width: 480px) {
    [data-type=control_datetime] .form-sub-label-container:first-child {
    width: 20% !important;
    }
    [data-type=control_datetime] .form-sub-label-container + .form-sub-label-container {
    width: 20% !important;
    }
    }

    Date Picker not vizualizing well on mobile Image 2 Screenshot 41

    If you need further assistance, please let us know.