Can't Type in One of My Fields When on Mobile Platforms?

We created a basic form asking for name, phone number, and email. Everything works fine on the computer, but it won't allow us to fill out the email field using a smart phone. I have tried moving the email field to a different spot in the form, tried using a text box and text area rather than the email tool box, but it still won't allow a user to type in the email box. 

 

Hi,

This issue occurs, because the current version of your form doesn't mobile responsive. You need to inject custom CSS to your form to make it mobile responsive.

 

To do that, inject the following code by using the method above.

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

 

.form-line.form-line-column {

width: 100% !important;

margin-left:0

}

.form-line{

width: 100%;    

}

.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 !important;

}

.form-buttons-wrapper{

margin-left:0 !important;

}

.form-input {

width: 100% !important;

}

.form-all{

width: 75% !important;

}

.form-sub-label-container {

width: 100% !important;

display: block  !important;

}

 

 

Alternatively, you can change the theme of your form. Because of its speacial alignment values, it triggers this issue. When I tested your form with default theme, "Email" field was working.

 

I hope this options will work for you. Please, let us know about your form's final state.

Have a nice day.