The advanced editor changes are not saving in the Form

* Choose the "Lime Theme Contact Us Form".

* Preview the theme on mobile mode in portrait. Note that it is centre aligned with equidistant padding on left and right sides of the form. This is correct.

* Edit the form in advanced editor.

* Make an arbitrary change like select the submit button and change the corners to square from rounded.

* Save the changes of the editor.

* Preview the form for mobile in portrait mode.

Expectation:

Still equidistant gaps on either side of the form.

Actual result:

The left hand side gap has disappeared!

Note that no such problem appears in landscape orientation.

Some of the templates requires custom CSS injection.

Let me check if injecting the custom CSS fixes the issue.

Thanks.

I have injected the following CSS in the Form which seems to have fixed the issue:

@media screen and (max-width: 480px), screen and (max-device-width: 767px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape) {
.jotform-form {

 padding-left: 12px !important;
}
}

Let us know if you have further questions.

Thanks.