-
missgeorgiaAsked on February 24, 2017 at 7:42 PM
How do I make the terms and conditions widget responsive?
Page URL: https://form.jotform.com/60767736740161 -
Chriistian Jotform SupportReplied on February 25, 2017 at 2:01 AM
I checked the form you provided on mobile emulator and I was able to find the issue you are reporting. The Terms and Conditions text is cut-off on mobile size screen.
Please try to add/inject the following custom CSS code on your form:
@media only screen and (max-device-width: 550px){
#customFieldFrame_76{
height:60px !important;
}
}
To add/inject custom CSS code in your form, just follow the instructions provided in this article: How to Inject Custom CSS Codes.
Do let us know if you need further assistance.
Regards. -
missgeorgiaReplied on February 25, 2017 at 12:22 PM
I've added this now, please let me know if it's fixed from your side. I don't have a mobile phone in front of me.
-
Mike_G JotForm SupportReplied on February 25, 2017 at 3:03 PM
I have created a clone version of your form and I see that you have added the CSS codes provided by my colleague in the Custom CSS tab of the widget itself.
Please add it to the CSS tab of the Form Designer instead as instructed in the guide my colleague have provided above How to Inject Custom CSS Codes
Thank you.
-
missgeorgiaReplied on February 28, 2017 at 10:35 PM
Sorry, I've done it now -- try and let me know!
-
Chriistian Jotform SupportReplied on March 1, 2017 at 12:27 AM
I can see that you have now injected the CSS code properly. The Terms and Conditions Widget is mobile responsive.
Regards