I use the phone (iphone 7) to open the landing page, the form undermined the structure. How should I solve this problem?
thank!

@Bin
It's because of recatpcha

@Bin
It's because of recatpcha

I just tried to shut down recatpcha, he really normal. If you want to use recatpcha how to modify it to look normal?
thank!

@Bin
Google recaptcha is not responsive, nothing worked for me.

Thank you for your help!

@Bin
If you are using nocaptcha recaptcha plugin, you can try this css code:
@media screen and (max-width: 330px) {
  form#register #anr_captcha_field_1, .add_item .row #anr_captcha_field_1, #contact-wrap #anr_captcha_field_1 {max-width:250px;overflow:hidden;}
}


Hello there
Where is this code I put?

thank@!

@Bin
theme directory / css / style.css

http://prntscr.com/iaz9lz ► data-size="compact" ► https://developers.google.com/recaptcha/docs/display


• My example:

<script src='https://www.google.com/recaptcha/api.js'></script>
<div align="center" class="g-recaptcha" data-theme="light" data-size="compact" data-sitekey="HERE YOUR DATA-SITEKEY FROM GOOGLE DEVELOPER"></div>