-
zapinAsked on December 4, 2017 at 1: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 ?
-
Nik_CReplied on December 4, 2017 at 2: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!
-
Nik_CReplied on December 4, 2017 at 4: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" onDISABLEDload="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!
-
zapinReplied on December 5, 2017 at 12:02 PM
It is working perfectly now, thank you for your help