Hi I am using the SiteOrigin Vantage theme with their Page Builder

At first the form was not responsive but I added the CSS code below (Is this correct?) and it fixed main issue.

but the OTHER field still extends out of the mobile screen to the right when other is selected.

Can you advise on using with Vantage and correct the OTHER field issue

Many Thanks
Bob , London


@media screen and (max-width: 640px) {
.wdform-field{
max-width: 100%;
display:inline-block !important;
}
.wdform_section {
display:inline-block !important;
max-width: 100% !important;
}
.wdform-field {
max-width: 100% !important;
display: block !important;
}
.wdform-element-section {
display: block !important;
max-width: 100%;
}
.wdform_page {
padding:0px !important;
}
.wdform-page-and-images {
display: block !important;
max-width: 100%;
}
.wdform_column{
max-width: 100% !important;
}
}

Hello Bob!

Thank you for posting about this problem!

Could you please give us the link to the page, where you have published your form? We will take a look at the problem with Other field and provide you the necessary CSS code to fix the glitch.

As for the code, it is perfectly correct!
Thanks! Have a great day!

sandbox961886.apps-1and1.net/contact-us

The problem only shows on a smart phone with the "other" field hanging out to the right,

Thanks for fast reply

Bob

Hey Bob!

Thanks for the link!
Could you please try adding the following CSS code to style.css file or custom CSS editor of your website theme?

@media screen and (max-width: 415px) {
    .other_input {
        left: -185px;
    }
}