-
prowrestlingteesAsked on May 5, 2016 at 1:33 PM
-
Kevin Support Team LeadReplied on May 5, 2016 at 1:54 PM
Your form is mobile responsive by default, it means that you do not have to do anything else to make it responsive.
Now, if you are embedding your form using the source code then here might be a conflict with the style in your website, may be that some CSS code is affecting the HTML elements in the form, so if this is the case, you will need to double check the code in your website and the code in the form in order to ensure that there is not any conflict between them.
If you are embedding your form using another embed method such as the default one(Javascript code) or iFrame method then there should not be conflict; however, if your form is not loading responsively you may add a widget to your form that will help you with that, the widget is on the link below:
The guide below will help you to add the widget to your form:
How-to-Add-a-Widget-to-your-Form
Here is also a CSS code that may help you to make your form mobile responsive as well:
/*-----------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;
}
The guide below will help you to inject the code to your form:
How-to-Inject-Custom-CSS-Codes
If this does not work, please provide us the link to your website, we will take a look and will identify why your form is not loading responsively.
-
prowrestlingteesReplied on May 5, 2016 at 2:27 PM
This is the page where the entire source code is embedded. I did this so I can delete certain countries.
http://www.prowrestlingtees.com/tagteampaypalonly
I had to create this page because of the issue with payflow
http://www.prowrestlingtees.com/tagteamfull
That was my old page and the responsiveness works fine
Any idea?
-
Welvin Support Team LeadReplied on May 5, 2016 at 3:11 PM
I'd suggest copy/pasting the CSS of the responsive form to the second form which is not yet responsive. The fields are identical and the CSS targets the control boxes as well the classes so the CSS should work in the second form. Please try that.