credit card field is to narrow on mobile

  • LTodisco
    Asked on September 23, 2020 at 11:32 AM

    Customers are saying that they are unable to put in their full credit card account number on the mobile version of my form - https://form.jotform.com/202655909253055. They say there are not enough spaces.

    It works from a computer, but not on mobile. Can you help?

  • John Support Team Lead
    Replied on September 23, 2020 at 1:20 PM

    I just tried accessing your form using a mobile device but was not able to replicate the issue. The credit card field is just enough to contain the 16-digit card number. Here's a recording of my test so you can check: https://link.jotform.com/QJ8iYo5DDO

    May we know if the form is embedded somewhere? If it does, please share with us the link to that page so we can test it there as well.

  • LTodisco
    Replied on September 23, 2020 at 1:28 PM
    I have the problem from my iPhone too. See photo:
    Sent from my iPhone
    ...
  • John Support Team Lead
    Replied on September 23, 2020 at 2:46 PM

    Unfortunately, we're unable to view the attachments you sent here. Please resend it by opening this link to a browser: https://www.jotform.com/answers/2593312 then post the screenshot there. Here's a guide on How-to-Post-Screenshots-to-Our-Support-Forum:

    1600886754 5f6b97e29e2b3  Screenshot 10

  • LTodisco
    Replied on September 23, 2020 at 2:50 PM

    This is how it looks on my iPhone. You cannot get all 16 digits in. 

    1600887007172F192E E7A6 4807 9529 18C007 Screenshot 10

  • John Support Team Lead
    Replied on September 23, 2020 at 5:26 PM

    It seems the size depends on the mobile device being used. You might want to adjust the credit card number's width manually using custom CSS code.

    Please try adding this code to your form:

    @media screen and (max-width: 480px){
    #square_cc_number {
      width: 200px!important;
    }
    }

    Here's a guide on How-to-Inject-Custom-CSS-Codes.

    Please try that and let us know how it goes.

  • LTodisco
    Replied on September 23, 2020 at 6:24 PM

    Yes! That seems to have worked. Thank you so much for your assistance.