Feedback form is not responsive

  • Profile Image
    gecopannelli
    Asked on November 11, 2015 at 01: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!

  • Profile Image
    Chriistian
    Answered on November 11, 2015 at 04: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:

     

    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.

  • Profile Image
    gecopannelli
    Answered on November 11, 2015 at 04:38 AM

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

     

    http://www.ronchisangiuseppe.com/

     

     

    Thanks!

  • Profile Image
    BJoanna
    Answered on November 11, 2015 at 05: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.