-
LTodiscoAsked 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?
Page URL: https://form.jotform.com/202655909253055 -
John Support Team LeadReplied 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.
-
LTodiscoReplied on September 23, 2020 at 1:28 PMI have the problem from my iPhone too. See photo:
Sent from my iPhone
... -
John Support Team LeadReplied 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:
-
LTodiscoReplied on September 23, 2020 at 2:50 PM
This is how it looks on my iPhone. You cannot get all 16 digits in.
-
John Support Team LeadReplied 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.
-
LTodiscoReplied on September 23, 2020 at 6:24 PM
Yes! That seems to have worked. Thank you so much for your assistance.