Title: Recaptcha not responsive
Last modified: June 1, 2021

---

# Recaptcha not responsive

 *  Resolved [marienany](https://wordpress.org/support/users/marienany/)
 * (@marienany)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/recaptcha-not-responsive-4/)
 * Hi,
 * I have a problem with this plugin. My recaptcha is not responsive.
    When viewed
   on a mobile device, the recaptcha stretches outside the form container. Do you
   know how I could quickly fix this please?
 * Thanks in advance,
    Marie
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Frecaptcha-not-responsive-4%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Plugin Author [IQComputing](https://wordpress.org/support/users/iqcomputing/)
 * (@iqcomputing)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/recaptcha-not-responsive-4/#post-14508749)
 * Hello,
 * Unfortunately, reCaptcha is inherently unresponsive. Since the whole reCaptcha
   module is inside an iframe, at a URL other than the parent domain, any custom
   CSS or JS is ignored. We wouldn’t be able to tell you why Google hasn’t upgraded
   it to be inherently responsive, nor do we have any good one-size-fits-all solution.
   There are some hacky workarounds for this, but the cross-browser support is iffy
   at best.
 *  [shubhampunj](https://wordpress.org/support/users/shubhampunj/)
 * (@shubhampunj)
 * [4 years, 10 months ago](https://wordpress.org/support/topic/recaptcha-not-responsive-4/#post-15022324)
 * Hey, I found a solution which worked for me –
 * In your contact form, paste this –
 *     ```
       <div class=”g-recaptcha” style=”transform:scale(0.88);-webkit-transform:scale(0.88);transform-origin:0 0;-webkit-transform-origin:0 0;”>
       [recaptcha]
       </div>
       ```
   
 * Found this from StackOverflow,
 * The original answer said to paste this –
 *     ```
       <div class=”g-recaptcha” data-sitekey=”XXXXXXXXXXXXX5oXXXXXX” style=”transform:scale(0.88);-webkit-transform:scale(0.88);transform-origin:0 0;-webkit-transform-origin:0 0;”>
       [recaptcha]
       </div>
       ```
   
 * But I’m not sure if “data-sitekey” is needed since our concern is the style of
   the div only.
 *  Thread Starter [marienany](https://wordpress.org/support/users/marienany/)
 * (@marienany)
 * [4 years, 10 months ago](https://wordpress.org/support/topic/recaptcha-not-responsive-4/#post-15047368)
 * Hi [@shubhampunj](https://wordpress.org/support/users/shubhampunj/),
 * Thanks for your solution. It works for me now 😉

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Recaptcha not responsive’ is closed to new replies.

 * ![](https://ps.w.org/wpcf7-recaptcha/assets/icon.svg?rev=2003053)
 * [ReCaptcha v2 for Contact Form 7](https://wordpress.org/plugins/wpcf7-recaptcha/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wpcf7-recaptcha/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wpcf7-recaptcha/)
 * [Active Topics](https://wordpress.org/support/plugin/wpcf7-recaptcha/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wpcf7-recaptcha/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wpcf7-recaptcha/reviews/)

 * 3 replies
 * 3 participants
 * Last reply from: [marienany](https://wordpress.org/support/users/marienany/)
 * Last activity: [4 years, 10 months ago](https://wordpress.org/support/topic/recaptcha-not-responsive-4/#post-15047368)
 * Status: resolved