Terms & Conditions widget not responsive

  • Profile Image
    missgeorgia
    Asked on February 24, 2017 at 07:42 PM
  • Profile Image
    Chriistian
    Answered on February 25, 2017 at 02: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.

  • Profile Image
    missgeorgia
    Answered 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.

  • Profile Image
    Mike_G
    Answered on February 25, 2017 at 03: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.

  • Profile Image
    missgeorgia
    Answered on February 28, 2017 at 10:35 PM

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

  • Profile Image
    Chriistian
    Answered on March 01, 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