Embedded form not responsive on mobile

  • Profile Image
    godavarifresh
    Asked on August 15, 2017 at 04:05 PM

    HI

    It was not showing responsive on mobile. even though its a responsive template I have chosen.

    I Embedded script tag I Inserted in body of my index html on my website hosted in godady. 

     

     

     

     

     

     

     

     

     

    But if I open on mobile the url you guys providing in publish its working as responsive. how can get same with embed on my page?

    if I open this one its working.

     

     

  • Profile Image
    Mike
    Answered on August 15, 2017 at 04:26 PM

    Thank you for contacting us.

    Embedded forms are supposed to be responsive too. Please provide us with a link to your published page, so we will be able to check the issue.

  • Profile Image
    godavarifresh
    Answered on August 15, 2017 at 10:39 PM

    here is the link to check the issue

    http://godavarifresh.com/

  • Profile Image
    John_Benson
    Answered on August 15, 2017 at 11:14 PM

    You're correct, I checked the form direct link and it is working fine on my mobile device. But, if I open the Page URL that you have provided then the form is not displaying properly. Here's a screenshot when I checked the website URL:

    Please re-embed the form using the iFrame Method. To do that, please follow this guide: https://www.jotform.com/help/148-Getting-the-form-iFrame-code

    You can also check this screen animation for a quick guide:

    I hope that helps. If you need further assistance, please let us know.

  • Profile Image
    godavarifresh
    Answered on August 16, 2017 at 12:27 AM

    I tried with Iframe also same issue.

  • Profile Image
    ashwin_d
    Answered on August 16, 2017 at 01:54 AM

    Hello,

    I did test your form embedded in webpage and I am able to replicate the issue you are having. It seems you have added custom css code in your webpage. Please check the screenshot below:

     

    I would suggest you to please remove the existing custom css code from your webpage and add the following code:

    iframe#JotFormIFrame-72251693884163{

        width: 460px;

        height: 100%;

    }

    Do get back to us if the issue persists.

    Thank you!

  • Profile Image
    godavarifresh
    Answered on August 16, 2017 at 02:10 AM

    I added the code you provided. but still same issue I face.

  • Profile Image
    godavarifresh
    Answered on August 16, 2017 at 02:56 AM

    If I add source code then its working. But but if multiple people opening in mobile after some time all the alignment is going off  and all  elements showing in a form.. 

  • Profile Image
    Nik_C
    Answered on August 16, 2017 at 03:08 AM

    Would you mind embedding with Source code and keeping it that way so we can test?

    I tested the URL now, and it is showing the same.

    Thank you!

  • Profile Image
    godavarifresh
    Answered on August 16, 2017 at 03:54 AM

    I embedded code. as I said before its working now. But I don't  know how safe it is.

    I have to check in the morning if multiple people opened in the browser all the alignment is off.

    all the elements values are showing on the form with overlapping.

     

     

  • Profile Image
    Charlie
    Answered on August 16, 2017 at 04:28 AM

    Please do update us if you encounter any problems. So far I have tested your website on the following devices:

    iPhone 6S Plus Safari browser:

     

    Samsung Galaxy S5 Chrome browser:

     

    Google Pixel Firefox browser:

     

    I also used the Chrome browser dev tools to check the responsiveness of it. 

     

    Let us know if you are still having problems.

  • Profile Image
    threadstax
    Answered on August 16, 2017 at 11:20 AM

    Hello,

    I hope I'm not hijacking this thread.  It seems godavarifresh issue was resolved by a code change.  I'm having the same issue but I have not touch any-code other than embed the Script code per the instruction (for Shopify). 

    It's responsive on all my browsers on my PC but not on my Iphone or Android phones.

     

    Here is the link:

    https://threadstax.com/pages/giveawaytest

     

    If I directly to the form it works fine:

    https://form.jotform.co/72256015173854

  • Profile Image
    Nik_C
    Answered on August 16, 2017 at 11:46 AM

    @threadstax,

    I had to open a new thread and we'll attend it here: https://www.jotform.com/answers/1224882

    Thank you!