How can I make my feedback form responsive on wordpress

  • Profile Image
    trainings24x7
    Asked 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
    Welvin
    Answered 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.