What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How can I make my feedback form responsive on wordpress

    Asked by trainings24x7 on January 21, 2016 at 03:29 AM
    But i'm facing a responsive problem. how can i make this form responsive. the follwoing code i'm using but not responsive. kindly help.

     

    <script src="https://form.jotform.me/static/feedback2.js?3.3.REV" type="text/javascript">
    if(screen.width > 1023) {
       var JFL_53300890979464 = new JotformFeedback({ formId: "53300890979464", buttonText: "Get Course Details Right in Your Inbox Now (In Just 10 Seconds)", base: "https://form.jotform.me/", background: "#F59202", fontColor: "#FFFFFF", buttonSide: "bottom", buttonAlign: "center", type: false, width: 600, height: 600 openOnLoad: false });
    }
    </script>

    <a id="lightboxdelay" class="btn lightbox-53300890979464" style="margin-top: 16px"> Help? Contact Us </a>

    <script language="JavaScript">
    var delayseconds = 3;
        function pause() {
        myTimer = setTimeout('whatToDo()', delayseconds * 1000)
        }
       function whatToDo() {
            document.getElementById('lightboxdelay').click();
        }
    window.onload = pause;
    </script> 

  • Profile Image
    JotForm Support

    Answered by Welvin on January 21, 2016 at 11:29 AM

    Our feedback form is not yet optimized for responsive layouts. You can try the following workaround:

    1. Install this plugin to your WordPress website: https://wordpress.org/plugins/simple-custom-css/.

    2. Add the following custom CSS codes in the plugin settings: 

    @media screen and (max-width:500px){

    .jt-feedback.ui-draggable {

        width: 90% !important;

    }

    div#js-form-content {

        width: 100% !important;

    }

    .jt-content {

        width: 100% !important;

    }

    }

    Let us know if this is not working for you.