Hi,

On atlantalexussales.com/index.php/home/car-finder I have added a form.

How do I make the form responsive? I did add:

.wdform_page {
margin-left: 250px !important;
width: 700px !important;
}

which may have had some effect. Obviously I would like the form centered, 700 px width on a full screen, centered and have it scale automatically for other devices

Thank you for your help!! bob

Dear Robert,

Please remove the code you have implemented, which is:

#form2 .wdform_page {
    margin-left: 250px !important;
    width: 700px !important;
}

#form2 .wdform-page-and-images {
    width: 100%;
    border: 0px solid #000 !important;
}

#form2 .wdform-page-and-images {
    margin: 0 auto;
    border: 0px solid #000 !important;
}

Thank you for your response. The code:

#form2 .wdform-page-and-images {
margin: 0 auto;
border: 0px solid #000 !important;
}

worked great for making the form responsive. Is there a way that when the form is viewed on a large screen, that the width is restricted to 700px?

thanks

Dear Robert,

Please add a max-width attribute to #form2 .wdform-page-and-images, such as the following {

#form2 .wdform-page-and-images {
    width: 100%;
    max-width: 700px;
}

Thank you for your response. For some reason the code did not work. I have cleared all appropriate caches.

Dear Robert,

Are you sure you have added it to the correct place? It should be either on style.css file, or the form's theme.

If you are sure you've added it to the correct place, please contact us to [email protected] and give us temporary full admin access to your site. We will take a look and try to fix the problem as soon as possible.

Also please don't forget to mention the full link of your forum post in the e-mail.
Thank you.