-
cgskillaccountsAsked on August 22, 2016 at 3:59 AM
-
beril JotForm UI DeveloperReplied on August 22, 2016 at 4:20 AM
To solve that issue could you inject the CSS code below? At that situation, your form will be responsive.
@media screen and (max-width: 480px), screen and (max-device-width: 768px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape){
img {
width : 300px!important;
}
li#id_137 {
width : 300px!important;
}
.form-label {
font-size : 10px!important;
}
}
If you have any question or issues, please do not hesitate contacting us. We will be glad to assist you.
-
cgskillaccountsReplied on August 22, 2016 at 11:46 AMhi, how and where do i paste these codes? any additional things to follow?
... -
Support_Management Jotform SupportReplied on August 22, 2016 at 12:35 PM
Here's a quick guide on how and where to paste CSS codes: How-to-Inject-Custom-CSS-Codes Note that this guide was also given to the original thread you posted.
To sum it up, just click PREFERENCES at the top of your FORM BUILDER > FORM STYLES > CUSTOM CSS > place the codes there > then SAVE CHANGES
I would also recommend you follow the suggestions of my colleague, Liyam, on the other thread https://www.jotform.com/answers/912038 I checked your form again and I still see the unclosed <small> tags you added to your labels:
Here's how:
To avoid confusion in replying, I'll list both of your threads:
1. https://www.jotform.com/answers/912196 - Only reply to this thread if you're asking about injecting the CSS and making your form responsive
2. https://www.jotform.com/answers/912038 - Only reply to this thread if you're asking about the font sizes getting smaller
Let us know if you have further questions.