Feedback form is not responsive

  • gecopannelli
    Asked on November 11, 2015 at 1:55 AM

    Hi!

    I create a form for newsletter and i choose the option FEEDBACK OPTION, but on mobile phone it isn't responsive, why?

    How I can fixed that?

    Thanks!

  • Chriistian Jotform Support
    Replied on November 11, 2015 at 4:33 AM

    Hi,

     

    Are you referring to this form - http://www.jotformeu.com/form/53134474630350? I checked the setup of the form and I noticed that the Responsive setting of the form is not set to Yes. Please try to set the Responsive setting of the form to Yes and see if it will help fix the issue. To update the Responsive setting of the form, just follow the instructions provided in the screenshot:

    Feedback form is not responsive Image 1 Screenshot 20

     

    If the issue still persists, please provide to us the exact URL where you have embedded the form so we can further check.

     

    Do let us know if you need further assistance.
    Regards.

  • gecopannelli
    Replied on November 11, 2015 at 4:38 AM

    Hi! Thank you for your answer, I tryed but the result is not responsive, see here:

     

    http://www.ronchisangiuseppe.com/

     

     

    Thanks!

  • BJoanna
    Replied on November 11, 2015 at 5:31 AM

    Unfortunately, I believe the feedback form cannot be mobile responsive. This is because you are declaring a fixed width and height in the Feedback embed code.

    Possible workaround would be to change the width of your Feedback button code.

    Currently width is set to 700, if you change it to 300 form will fit on mobile devices. 

    <script src="https://form.jotform.com/static/feedback2.js?3.3.REV" type="text/javascript">

          new JotformFeedback({

            formId: "53134474630350",

            buttonText: "Iscriviti alla nostra newsletter!",

            base: "https://form.jotform.com/",

            background: "#F59202",

            fontColor: "#FFFFFF",

            buttonSide: "left",

            buttonAlign: "center",

            type: false,

            width: 300,

            height: 500

          });

    </script>

    Hope this will help. Let us know if you need further assistance.