Terms & Conditions widget not responsive

How do I make the terms and conditions widget responsive?

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.

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.

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.

Sorry, I've done it now -- try and let me know!

I can see that you have now injected the CSS code properly. The Terms and Conditions Widget is mobile responsive.

Regards