-
holycowdigitalAsked on April 5, 2019 at 4:29 PM
When I view the mobile version of my form it is cut off on the left side. How do I fix this. I am self hosting on the Jotform domain. I've tried adjusting the width of the form but it does not change anything.
Thanks.
Joel
-
Elton Support Team LeadReplied on April 5, 2019 at 5:59 PM
Inject this CSS codes to your form. This should correct it.
@media screen and (max-width:480px){
.form-all{
max-width:none !important;
width:100% !important;
}}
Guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
-
holycowdigitalReplied on April 5, 2019 at 6:07 PM
Thanks Elton. This is what I get. I would like it to not go all the way to the edges. I tried changing it form 100% to 90% but it's still left aligned.
-
Elton Support Team LeadReplied on April 5, 2019 at 9:39 PM
I see. Replace it with this to center align the form too.
@media screen and (max-width:480px){
.form-all{
max-width:none !important;
width:100% !important;
margin:0 auto !important;
}}
Result: