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

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.

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;

}

}

That worked, thanks for your help.