-
ressourcesAsked on November 27, 2017 at 4:36 AM
Hi, could someone help me fix the height here? Check screenshot below; the sms phone number field is cut on mobile:
Thanking you in advance!
Page URL: https://form.jotform.com/73301522263243 -
Richie JotForm SupportReplied on November 27, 2017 at 8:44 AM
Hi,
I have checked your form and launch it in my mobile phone and I cant seem to replicate the problem above.
Was the issue fixed already?
Thanks.
-
ressourcesReplied on November 27, 2017 at 10:28 AM
No, it's the same. It also appears that on your phone the field isn't centered. Can you help me in figuring things out? I'd like it centered and to show the text box in its entirety on all phone ideally. Thanks in advance
-
Richie JotForm SupportReplied on November 27, 2017 at 10:54 AM
Hello again,
Here is the custom css code to center the phone field in all mobile previews.
@media (max-width: 480px){
#cid_4.form-input-wide.jf-required div{
margin-left:70px;
}
}
@media (min-width:1291px){
#cid_4.form-input-wide.jf-required div{
text-align: center !important;
}
}
@media (min-width:481px) and (max-width:600px){
#cid_4.form-input-wide.jf-required div{
margin-left:100px;
}
}
@media (min-width:601px) and (max-width:960px){
#cid_4.form-input-wide.jf-required div{
text-align: center !important;
}
}
@media(max-width:1290px) and (min-width:961px){
#cid_4.form-input-wide.jf-required div{
text-align: center !important;
}
}Here is a guide in how to insert custom css:
https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
I hope this information helps you.
Best Regards.