Embedded contact form is not showing on mobile devices

  • Profile Image
    Taher
    Asked 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?

  • Profile Image
    ashwin_d
    Answered 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
    hanturi
    Answered 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
    Ben
    Answered 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.