Jotforms not visible on some mobile devices and browsers - how to resolve this?

  • unbelievablereceivables
    Asked on October 8, 2014 at 8:06 AM

    We are getting reports that the forms we develop here are not visible on cell phones or some browsers like foxfire?

    We have talked to our site hosting company and they claim it's not on their end?  Advise?

  • Ben
    Replied on October 8, 2014 at 9:48 AM

    Hi,

    Yes, some mobile devices will not work well with specific scripts and implementations, which is not specific to our JotForm platform. However we have found that if you use our iFrame embed method, your jotform will be working properly on your mobile device and in various browsers.

    Please take a look at this guide: Getting the Form iFrame Code

    It will show you how to get the iFrame code which after you embed on your pages you jotforms should work properly for all devices.

    Another thing, depending on your preferences, that I would suggest is placing our Mobile Responsive widget to your jotform so that it changes its layout according the the mobile device and allows your visitors to fill out the jotform in a more convenient manner.

    Do let us know if you have any further questions.

    Best Regards,
    Ben

  • unbelievablereceivables
    Replied on October 8, 2014 at 11:32 AM

    i added both of our forms via iframe as directed... but they still do not show up on mobile phones or foxfire... please advise.... thx

  • Ben
    Replied on October 8, 2014 at 11:53 AM

    Hi,

    I took another look now and I see what is the issue. Now this is not related to your jotforms, it is because of the website, it is not mobile ready, at least not in a sense to show the jotform as well.

    If you go over to your website with a mobile device the jQuery you have on your site changes

    .mediumScreenDisabled
    {
       display:block;
    }

    to

    .mediumScreenDisabled
    {
       display: none;
    }

    Since a div where jotform is added to has a class "mediumScreenDisabled" this is the reason the jotform is hidden from you. Please remove that code and the jotform will be displayed on your website.

    You can fix it either by disabling that jQuery function, removing class from that div or adding jotform in some other element that does not get hidden.

    Do let us know if you have any further questions.

    Best Regards,
    Ben