Hi there,

Maybe you can try to apply css below on your customs.css files and see how it goes
[gist type="css"]
@media (max-width: 768px) {
#es [data-field-recaptcha] {
transform:scale(0.77);
-webkit-transform:scale(0.70);
transform-origin:0 0;
-webkit-transform-origin:0 0;
}
}
[/gist]

Hi Abdul I will try this. Thank you.
Can you please point me to that custom.css file?
And would it go anywhere in there? Or at the top?
Also, when i upgrade would it affect this?
Thanks

Hi there,

Actually, those customs.css files depend on your current template, and most of them are located at .../templates/*current_template/css/custom.css. It would be best if you can consult with your current template provider regarding and see how it goes

And would it go anywhere in there? Or at the top?

You have to move 'reCaptcha' to the top on your Backend>Profile types>Customs fields

Also, when i upgrade would it affect this?

No it will not affected as this method is customized outside the cores files itself and it will not be overwritten on the next update/upgrade.

Hope this helps and have a nice day ahead.

Thank you very much for that Abdul, fortunately, I have the Phone template installed and that brings the web page borders all the way to the border of the mobile screen and so now the RECAPTCHA is well within the site.
Thanks again for your time.

Hi there,

You are most welcome. Glad to hear that your issue has been resolved now.

As a gentle reminder, kindly start a new thread if you have any other issue in the future so it will be easier for us to manage your inquiry. I will lock and mark this thread as resolved.