Mobile resize on new reCAPTCHA design

[Matt Filer]

I'm looking for a solution to resize the new reCAPTCHA design on my website, as it overshoots the container on a mobile device.

I've found some ways around it for the old design, but I'm using the updated version as it is more user friendly.

Example:

Can anyone help? Thanks.

[Kenneth Patrick Trivino]

Having the same issue as discussed above.
Does new recaptcha design has an ability to resize on given container size?

I checked this and the this captcha looks great in 300 x 80px container.  

[Ivan Lovrić]

I'm having the same issue on a Macbook Pro 13''. Does anyone have a solution? Thanks...

[Chukwuma Peter]

For u to resize ur. The resizing should come from ur code. The screen size determining how it will resize. So I advice if u want to resize ur captcha.write a code to resize ur page.

--
You received this message because you are subscribed to the Google Groups "reCAPTCHA" group.
To unsubscribe from this group and stop receiving emails from it, send an email to recaptcha+...@googlegroups.com.
To post to this group, send email to reca...@googlegroups.com.
Visit this group at http://groups.google.com/group/recaptcha.
For more options, visit https://groups.google.com/d/optout.

[Lori Hardin]

Add this to your css: "transform:scale(0.8)" 

[Jose Ruiz]

CSS resized the container. The captcha no longer overflows, but is now truncated.

Has someone figured this out?

[Nicklas Jørgensen]

Still looking for a solution for this, just in case someone found one.

[sumitkumar nayak]

On Thursday, 19 February 2015 15:27:06 UTC+5:30, Nicklas Jørgensen wrote:

Still looking for a solution for this, just in case someone found one.

Hope this works for you.

<div class="g-recaptcha" data-theme="light" data-sitekey="XXXXXXXXXXXXX" style="transform:scale(0.77);transform-origin:0 0"></div>

Just add style="transform:scale(0.77);transform-origin:0 0"

Hope this works for all screen. 

[sumitkumar nayak]

[sumitkumar nayak]

[sumitkumar nayak]

[Jakub Kováč]

Hi,

I have resized it by transform:scale and all seems good until I get the pop-up bubble with pictures (napr.: "choose all cakes" ...), then I have to do very wild scrolling to catch the pop-up, that is jumping throw all screen from one side to another ...

Does anyone have any suggestions?

thx
Jakub Kováč