Streaming live at 10am (PST)

reCAPTCHA Size for Mobile

Hello,

I have a reCAPTCHA in my project. As it seems, you can not scale this or set any size. And it now looks like the Galaxy S5, for example, that it is too big and looks out. I have seen that there is a possibility with an attribute, but then it is synonymous s.PC small. How can I make it so that it is great on the PC and small on the phone.

Link to my project is below and you can find it in the contact area.

Thank you!

Kind regards


Here is my site Read-Only: LINK

2 Likes

Here is the fix (watch the video below to see how to use the code snippet):

<style>
@media screen and (max-width: 575px){
  .g-recaptcha {
    transform:scale(0.77);
    -webkit-transform:scale(0.77);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
  }
}
</style>

2 Likes

That video went missing, but this one covers it (watch last segment.) Basically add a div block, put recpatcha in it and use transform effect to size down recaptcha…