User input for date field is not displaying in mobile device.

  • Profile Image
    FloridaDreamHomes
    Asked on September 21, 2019 at 05:39 PM

    On mobile devices in portrait mode, when using the date selector labeled: "arrival date" and "departure date", when a date is input, it should display in the 3 text boxes (one for month, one for day, and one for year.) It displays month and year just fine; but on mobile, the text box for day has shrunk so small that the data is outside the bounds of the textbox.

    I have tried using text-align, and changing the size of the box. I'm not very proficient with CSS, so I could easily be applying it to the wrong parts of the form, even when using the advanced builder.

    I don't want to use a different widget; we have a lot of international homeowners, and having the division between month day and year is very important, as the placement of each is different in different countries.

    Thank you for your help.


  • Profile Image
    AndrewHag
    Answered on September 21, 2019 at 06:01 PM

    Please try the CSS code below to resolve the issue:

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

    li[data-type="control_datetime"] input.form-textbox{

      padding-left: 5px;

    }

    }

  • Profile Image
    FloridaDreamHomes
    Answered on September 23, 2019 at 04:06 PM

    That worked, thanks for your help.