mm-logo-square-150

Modern Magic

webwizards managing your internet presence

No CAPTCHA reCAPTCHA not responsive

You can add this css code to your website (Special thanks to "Joaquin" for fixing the previous code):

@media (max-width: 480px) {.g-recaptcha>div>div{width:inherit !important;position:relative;display:block;padding:0;overflow:hidden;max-width:302px;border-right:1px solid #d3d3d3;border-radius:4px;box-shadow:2px 0px 4px -1px rgba(0,0,0,.08);-webkit-box-shadow:2px 0px 4px -1px rgba(0,0,0,.08);-moz-box-shadow:2px 0px 4px -1px rgba(0,0,0,.08)} .g-recaptcha iframe{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0} .g-recaptcha>div{position:relative} .g-recaptcha>div:before{content:'Loading captcha...';position:absolute;top:38%;left:0} .g-recaptcha:empty:before{content:'Something wrong occured'}}

Yes, I know this "hides" the recaptcha logo and links, but until they fix it, I think this is an accpetable solution.

Screenshot 2015 04 25 17.55.36

Live example of this form captcha at:
http://www.bielskiservices.com/general-information.html

Odin Mayland

Owner, designer, dreamer....

google

Login to post comments
Back to top