(Resolve) Make Contact Form 7 – 100% Responsive

  • Resolved maweb

    (@maweb)


    7 years, 11 months ago

    Before I had some disorders as regards the correct layout of the form, in mobile devices. Seeking on the net, I found this command line, as instructed, I add in style.css of my theme, and this solution worked for all content, buttons, text lines etc.
    Tested with visual composer mobiles layouts.

    here the command:

    div.wpcf7 .wpcf7-form-control { max-width: 100%; }

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter maweb

    (@maweb)

    For reCAPTCHA outside the borders instead add this code into your recaptcha div class:

    <div class=”g-recaptcha” data-sitekey=”xxxxxx-your-sitekey-xxxxxx” style=”transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;”></div>
    [recaptcha]

    Tested with visual composer mobiles layouts.

    opps wrong thread

    • This reply was modified 7 years, 10 months ago by markemark. Reason: wrong thread
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘(Resolve) Make Contact Form 7 – 100% Responsive’ is closed to new replies.