Forms embedded on Wix website not displaying correctly on the mobile devices

1.) In my form https://form.jotform.co/71228265851862 which is embeded here: www.conqrpreview.com/landing-standard, (wix site), while on mobile, the form looks "cut off".

NOTE: I've tried embedding Ifram, website and script method and the 3 performed the same.

2.) Same issue with my form: http://http://www.conqrpreview.com/apply-standard

Help!

Thanks.

As we check the form in a mobile device using the direct URL, it seems to be displaying correctly. However, when embedded the form the web page, see that the right side is being cut off. Please try injecting the following CSS code to the form and see if they are displaying correctly on the mobile screens.

@media screen and (min-width: 10px) and (max-width: 540px){

.supernova {

width: 90% !important;

}

}

In the second form, https://form.jotform.co/71227816551860, you may use the same CSS code. However, please change the width to 70% so that it should be displayed correctly.

Please get back to us if the issue still persists. We will be happy to help. 

Thank you for this.. can you help me with a CSS to fix the Signature Widget I am using please? Look how it looks on mobile.

as you can see the line where you sign it goes out of the screen.

Thanks

Hi there,

Please add this custom CSS on the code that Kiran has provided, in order for the Signature widget fits on the screen.

canvas.jSignature {

    width: 250px !important;

}

So it should be like this:

@media screen and (min-width: 10px) and (max-width: 540px){

.supernova {

width: 90% !important;

}

canvas.jSignature {

    width: 250px !important;

}

}

Here's the result after:

Cheers.