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

    Why Feedback Button is not mobile responsive?

    Asked by webcorate on May 27, 2016 at 11:20 AM
    How about the Feedback Button available for responsive?
  • Profile Image
    JotForm Support

    Answered by Kevin_G on May 27, 2016 at 11:44 AM

    Unfortunately, this embed option does not load responsively at the moment, it has a fixed width and it is the same does not matter the device where it is being loaded. 

    However, there are some methods that you may follow in order to achieve this, the first method is a Javascript code that needs to be added to the webpage where the form is being embedded on, here is a thread where one of our colleagues posted a great workaround to achieve it: https://www.jotform.com/answers/755277 

    I have also tested with CSS and found that this is working as well, you only need to paste this code between the <head> tags in your webpage: 

    <style type="text/css">

    @media screen and (max-width: 480px), screen and (max-device-width: 768px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape){

       .jt-title, .jt-content{

    width: auto !important;

    }

     

    .jt-feedback.u-responsive-lightbox.ui-draggable div {

       width: auto !important;

    }

    }

    </style>

    This will change the width of the light-box form displaying it correctly in mobile devices as well as in desktop devices, here are some screenshots of what the result should be once you add this code to the webpage. 

    Desktop: 

    Mobile: 

    Here is the link to my form, you can test it on your end as well: https://shots.jotform.com/kevin/Samples/848609/ 

    Here is another example about when I tested this: 

    I will also forward this thread to our second level, so this can be implemented and there is no need to add any code to make this mobile responsive. 

    Although we cannot provide an ETA about when this may be available, we will make sure to let you know as soon as this is available. 

  • Profile Image

    Answered by Frattire on September 18, 2016 at 11:24 PM

    This worked for me! Do you have additional CSS I can paste into the <head> tags that will alight the button to the middle left on a mobile device? I want to keep it at the top left for desktop.

  • Profile Image
    JotForm Support

    Answered by Chriistian on September 19, 2016 at 01:27 AM

    Hello @Frattire. I noticed that you have a currently active thread regarding your concern. So to avoid any confusion, we shall assist you with your issue on that thread. Please follow this link to view your thread: https://www.jotform.com/answers/935426. Regards.