How to keep a responsive form when embedded?

Hi,

I embedded my form on a simple page empty page here:http://www.labiosthetique.com.au/joborder/

but it's not responsive on mobile once embedded, what can I do?

Kindly try embedding the form using the iFrame Method. This should allow the form to render on mobile. 

Do let us know if the issue persits. Thank you.

Related Article:
Getting-the-Form-iFrame-Code

Hi Cesar,

thanks for your answer. However, I tried and it doesn't work neither...

Hi, please try injecting this CSS code into your form:

/*-----------RESPONSIVE LAYOUT-----------*/

@media (max-width: 480px) {

.form-textarea,

.form-textbox,

.form-dropdown{

width: 100% !important;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

}

.form-label-left, .form-label-right{

width: auto;

}

.form-buttons-wrapper{

margin-left:0 !important;

}

.form-input {

width: 100%;

}

.form-all{

width: 75%;

}

.form-sub-label-container {

width: 100%;

display:block;

}

}

Hi BDAVID,

Thanks. Still doesn't work...

Am I the only case with this problem?

Alternative please try the following code:

@media only screen and (max-device-width: 550px){
.form-all {
width: 500px !important;
}
}

Do let us know if this helps displaying the form on your end. Thank you.

:(

Doesn't work

See the difference beetween embedded and not embedded:

@labiosthetique 

Here are some corrections.

1. First, you have to embed your form using the default script embed code.

2. You have to inject the provided CSS codes on your form not within your page. Follow guide this: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

3. The HTML page where the form is embedded is lacking a meta code that would scale the form properly on mobile devices. Please add the following meta code between the head tag on your HTML page.

Check this visual guide:

Let us know if you still have issues with your form. Thanks!

EltonCris, thank you, it works!

Thank you very much everybody for your help, very good support!