Date Picker not vizualizing well on mobile

  • Profile Image
    paracaidismogalicia2
    Asked on March 10, 2020 at 04:08 AM

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



  • Profile Image
    paracaidismogalicia2
    Answered on June 09, 2020 at 01:57 PM

    hello?

  • Profile Image
    Mike
    Answered on June 09, 2020 at 06:31 PM

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

    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;
    }
    }

    If you need further assistance, please let us know.