Forms Unresposnive

Ann Marie Neeley created the topic: Forms Unresposnive

Hello,

I am having issues with the responsiveness of Form Maker Pro. I'd like to set the fields to be max and min widths, but the css does not seem to be responding.

Here is a link to my site: www.bloomingtonbreastfeeding.com/?page_id=32

If you view the page in mobile, you'll see that the fields for name and the recaptcha aren't scaling down at all. Is there a way to set the width to percentages or ems for these and all the other elements? I'd like all fields to scale instead of being fixed widths.

I should note that I am using Sparkling theme, which is designed with twitter bootstrap.

Thanks

#57683

Please Log in or Create an account to join the conversation.


Agapi G. replied the topic: Forms Unresposnive

Hello Ann!

Thank you for letting us know about this problem!

I checked the form and tried to provide you CSS code, however, looks like the issue is coming from ReCaptcha itself. So our development team needs to check what is wrong with the ReCaptcha responsive styling.

Would you mind to give us temporary WordPress admin access to your website? Our development team will take a look at the problem and figure out a solution as soon as possible.

Please send the login information to [email protected], and also make sure to mention the link to this forum topic in your e-mail.

Thanks in advance!


Kind regards,
Agapi G.
Web-Dorado team
#57781

Please Log in or Create an account to join the conversation.


Agapi G. replied the topic: Forms Unresposnive

Hello Ann!

I am happy to inform you, that the problem on your website has been resolved! Our development team has added the following code:

@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;
     }
}

Could you please check the form responsiveness and confirm, that it is now displaying properly?
Thanks, have a great week!


Kind regards,
Agapi G.
Web-Dorado team
#58395

Please Log in or Create an account to join the conversation.


Time to create page: 0.164 seconds
Powered by Kunena Forum

WORLD-CLASS SUPPORT

We are here for you every step of the way. Turn to our support with any questions you might have about our products and services. Our experienced customer care team is available to help you as fast as we possibly can.

Contact us