Year on date field is cut off on mobile phone

  • JasonMarsh
    Asked on February 7, 2015 at 11:23 AM

    Hi,

    When viewing the form using a phone the year does not fully show.

    How can I fix pls?

    Screenshot attached.

    Cheers

    Jason

    Jotform Thread 511716 Screenshot
  • bkljaic
    Replied on February 7, 2015 at 1:20 PM

    Hi Jason,

    You can fix this problem with using custom CSS. 

    Inside of builder:

    1. Go to Setup & Embed 

    2. Then click on Preferences 

    3. Go to tab Form Styles

    4. Inside field Inject Custom CSS insert this code

    #year_9{

    min-width:45px;

    }

    #input_9_pick{

    padding-left:8px;

    }

    Year on date field is cut off on mobile phone  Image 1 Screenshot 30

    Here is the result I got:

    Year on date field is cut off on mobile phone  Image 2 Screenshot 41

    Hope this will help.

  • KadeJM
    Replied on February 7, 2015 at 3:04 PM

    As "bkljaic" has mentioned here it is easily possible to fix the issue with your year not fully showing on your date field with the above example of injected css.

    Additionally, I have tried and tested it on my iPhone 6 and it displays the year perfectly.

    Year on date field is cut off on mobile phone  Image 1 Screenshot 20