Birth Date picker cuts off on mobile device despite using @media css

  • intlstds_services
    Asked on April 8, 2020 at 4:40 AM

    Please, please help! I have tried everything from FAQs. Year is the main issue, I am using Samsung S8. I have tried preview as well.


  • Ashwin JotForm Support
    Replied on April 8, 2020 at 6:40 AM

    I did check your form in mobile device and it seems to display the date of birth field correctly. I also checked you form and it does not have any injected media css code. 

    I would suggest you to please share a screenshot of your form on how it appears in your mobile device and we will take a look. The following guide should help you how to upload image in forum post: https://www.jotform.com/help/438-How-to-Post-Screenshots-to-Our-Support-Forum

    We will wait for your response.

  • iss
    Replied on April 8, 2020 at 10:49 AM

    1586357064SmartSelect 20200408 083700 Ch Screenshot 10


  • intlstds_services
    Replied on April 8, 2020 at 10:52 AM

    And it cuts even more on embed

  • intlstds_services
    Replied on April 8, 2020 at 10:54 AM

    1586357684SmartSelect 20200408 085415 Ch Screenshot 10a

  • Ashwin JotForm Support
    Replied on April 8, 2020 at 12:18 PM

    I would suggest you to please inject the following custom css code in your form and see if that gives your desired result:

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

    select#input_176_month {

        width: 75px !important;

    }

    #cid_176 .form-sub-label-container {

        width: 65px !important;

        margin-right: 6% !important;

    }

    select#input_176_year {

        width: 75px !important;

    }

    }

    The following guide should help you how to inject custom css code in form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Hope this helps.

    Do get back to us if you have any questions.

  • VincentJay
    Replied on April 8, 2020 at 5:51 PM

    Hi, 

    If you replied to this thread, it looks like we didn't receive it properly. If the issue is now resolved, please ignore this message.

    Thank you.