Preview order appear in wrong place and size when on mobile device?

  • Profile Image
    zapin
    Asked on December 04, 2017 at 01:27 PM

    I´ve tried to embeed the preview before submit widget, and it is great, and works perfect on pc, but have a problem on mobile device, that is when a customer end his order, and the preview comes up, then it stands incorrect on mobile devices, for instance you can`t choose to send the order, and some text is outside the frame, but it is only on mobile devices. Is there anyway to make it appear correctly ?



  • Profile Image
    Nik_C
    Answered on December 04, 2017 at 02:52 PM

    I see the issue, please allow me some time to find the correct CSS that will fix the form's height when viewed on mobile.

    I will get back to you shortly.

    Thank you!

  • Profile Image
    Nik_C
    Answered on December 04, 2017 at 04:03 PM

    I added the below CSS, and that should work, but for some reason it doesn't.

    @media only screen 

    and (max-device-width : 700px) {

    #JotFormIFrame-73326246243352 {

        height: 760px!important;

    }

      

    }

    Could you please try re-embedding your form by using the iFrame code below:

     <iframe id="JotFormIFrame-73326246243352" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotformeu.com/73326246243352" frameborder="0" style="width: 1px; min-width: 100%; height:700px; border:none;" scrolling="yes"> </iframe>

    We'll wait for your response.

    Thank you!

  • Profile Image
    zapin
    Answered on December 05, 2017 at 12:02 PM

    It is working perfectly now, thank you for your help