-
trainings24x7Asked on January 21, 2016 at 3:29 AMBut 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> -
Welvin Support Team LeadReplied 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.