recaptcha cause unresponsive theme

Question

Hello,

there is problem in responsive in snowflat theme when i active recaptcha plugin.. you can see that the plugin doesn't responsive in mobile:

http://academy.arabiawebsite.com/register?to=wp-content%2Fcache%2Fall%2Findex.html

and here too:

http://academy.arabiawebsite.com/6/%D9%85%D8%A7-%D9%87%D9%88-%D8%A7%D9%84%D8%AA%D8%B3%D9%88%D9%8A%D9%82-%D8%A7%D9%84%D8%A5%D9%84%D9%83%D8%AA%D8%B1%D9%88%D9%86%D9%8A

and please should i use this plugin? i don't like it, so if i didn't use it, spam will register or make comment and create question.. etc

Answer 1

i think that it´s dificult because recaptcha plugin uses external css 

https://www.gstatic.com/recaptcha/api2/r20160811171912/styles__ltr.css

maybe works if you find in the code the call for the remote css and change the url for a local copy of the css .

then you can search for .rc-anchor-normal in local css code

and change the widht. For example

width: 200px;

Answer 2

reCaptcha has "size"(Tag-attribute: "data-size") option. Depending on the device size, plugin will need to set appropriate value ("normal"/"compact") to this option.

https://developers.google.com/recaptcha/docs/display

Example of my modification