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

    Embedded contact form is not showing on mobile devices

    Asked by Taher on April 25, 2016 at 04:30 AM

    Hello,

     

    i've build a contact form and i use the following code on my website:

     

    <script type="text/javascript" src="https://form.jotformeu.com/jsform/61093994012354">
    </script>

     

    On my desktop it is shown excellent, but on any mobile device it is not shown at all. What is the reason therfor?

    Page URL:
    http://www.berufspunkt.com/kontakt/

    contact form devices form is not showing
  • Profile Image
    JotForm Support

    Answered by ashwin_d on April 25, 2016 at 07:25 AM

    Hello Taher,

    Here are the steps I would suggest for your forms to be displayed in mobile devices:

    #1. You should first make your form mobile responsive. The following guide should help you:  https://www.jotform.com/help/311-How-to-Make-Forms-Mobile-Responsive 

    #2. Grab your form's iFrame embed code and use in in the webpage where you want to embed your form. The following guide should help you:  https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code 

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!

  • Profile Image

    Answered by hanturi on April 27, 2016 at 04:59 AM

    Hello Ashwin,

    Respective #1:

    I made it responsive like you described, but it is still not showing on mobile devices at all.

     

    Respective #2:

    I tried every option. I tried iFrame, SourceCode, LightBox, PopUp, Link. But nothing works.

     

    What can i do else?

  • Profile Image

    Answered by Ben on April 27, 2016 at 06:49 AM

    I would leave the iframe as it is, but please do note that the place where you have added the form is the one that actually gets hidden on mobile device.

    Div that holds the form:

    <div class="mediumScreenDisabled">

    gets disabled once the page is opened on mobile device.

    This is the code that does it:

    @media screen and (max-device-width: 1024px) {
     .mediumScreenDisabled {
        display: none;
     }
    }

    What I would suggest is to either place it in another section on your website or to change the CSS codes to show the form itself.