Our form does not seem to be responsive after embedding it into our Weebly website

  • colonialindy
    Asked on March 16, 2016 at 2:26 PM

    When I open my form as a separate page in a web browser, it is responsive (https://form.jotform.com/60745466390158). However, when I embed it on my site (Weebly), it is not fully responsive—it cuts off on the right hand side (http://www.singlefocusindy.org/msr-registration.html). I have turned on "responsive" in both the settings and the designer. Can you help me with this?

    Jotform Thread 796083 Screenshot
    Page URL: http://www.singlefocusindy.org/msr-registration.html
  • Ben
    Replied on March 16, 2016 at 2:48 PM

    I took a look at the page you have mentioned and I was not able to recreate the same issue, but I did see checkbox labels going over the form width.

    Based on that and your screenshot, I would suggest adding the following CSS:

    label.form-label {
        white-space: normal;
    }
    .form-checkbox-item label, .form-radio-item label {
        white-space: normal;
    }

    This should resolve the same, but please do let us know if it does not by any chance.

  • Ben
    Replied on March 16, 2016 at 2:51 PM

    Just to add, you can add the same to your form by following the steps here: Inject Custom CSS Codes

    Do just add the CSS code above (given by me) under all the other CSS code in that same field.

  • colonialindy
    Replied on March 16, 2016 at 2:57 PM

    That worked great. Thanks so much!

  • jonathan
    Replied on March 16, 2016 at 3:00 PM

    Great! Thank you for letting us know it woks now.

    On behalf of Ben you are quite welcome as well  :-)

    Contact us anytime should you need further assistance.

    Cheers

  • TitusN
    Replied on April 1, 2016 at 5:34 AM

    Hello, 

    The new JotForm App for Weebly helps you add, create and manage forms and form submissions directly from Weebly. 

    Please see https://www.jotform.com/blog/198-Add-JotForm-to-your-Weebly-Site-with-Ease

    It would be great if you could tell us what you think of the App. 

    Feel free to comment on the blog post above; we value your feedback. 

    Thanks!