- RedIceAsked on March 08, 2018 at 02:55 AM
We are getting our Google Captcha box cutting off on phones. You can only see half the screen and you can't fill it out.
We have added the Mobile Responsive Widget but it did not help.
- JotForm DeveloperonurcAnswered on March 08, 2018 at 05:54 AM
In order to fit captcha in mobile screens, you need to give width property to 100%. This will make your captcha responsive and support all screen width.
You can follow steps to give 100% width to your captcha,
1. You need to select captcha on form builder, than select Properties option.
2. This option is goin to open captcha properties on the right side. You are going to see the width property of this captcha. You need to set value 100%
That's all! Your captcha is going to work under all screen resolutions.
If you have any question or comment, please let us know.
- RedIceAnswered on March 08, 2018 at 03:57 PM
I have done this and tested it, it still gets cut off on my iphone.
Is there something else we need to do?
- RedIceAnswered on March 08, 2018 at 04:02 PM
I have even tried the Google Invisible reCAPTCHA widget and it still gets cut off.
- JotForm SupportKevin_GAnswered on March 08, 2018 at 05:38 PM
I can see you have removed the Google reCaptcha widget from your form, may you please try adding it again, set the widget as suggested by my colleague above and let us know here if the issue persists?
If the problem persists, please keep the widget with the suggested settings, this will help us to further investigate this and help you resolving it.
We will wait for your response.
- RedIceAnswered on March 08, 2018 at 05:42 PM
I hid it because it is not working properly.
I have made it live again here: https://www.tattooshopsmelbourne.com.au/quick-quote-email/
- SeanAnswered on March 08, 2018 at 07:30 PM
Can you please follow the steps below and let us know the result?
Select the Captcha element and under the Question Properties / GENERAL change the width to 320.
Please let us know the result
- JotForm SupportJohn_BensonAnswered on March 08, 2018 at 07:41 PM
I checked the website and I can see the Captcha properly. Here's a screenshot:
If the issue still persists, please try embedding the form using iFrame Method. Here's a guide:
- RedIceAnswered on March 08, 2018 at 07:59 PM
Still cuts off on my phone.
Ah well, I will just remove it and use the basic Captcha.
That's a pitty.