Google Captcha Cutting Off on Mobile

  • Profile Image
    RedIce
    Asked on March 08, 2018 at 02:55 AM

    Hello,

    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.

    Attached screenshot.


    Thank you



  • Profile Image
    onurc
    Answered on March 08, 2018 at 05:54 AM

    Hi,

    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.

    1520506320Screen Shot 2018-03-08 at 13.4


    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%

    1520506388Screen Shot 2018-03-08 at 13.4


    That's all! Your captcha is going to work under all screen resolutions.

    If you have any question or comment, please let us know.

    Kind regards!

  • Profile Image
    RedIce
    Answered on March 08, 2018 at 03:57 PM

    Hello onurc,

    I have done this and tested it, it still gets cut off on my iphone.

    Is there something else we need to do?


    Shannon


  • Profile Image
    RedIce
    Answered on March 08, 2018 at 04:02 PM

    I have even tried the Google Invisible reCAPTCHA widget and it still gets cut off.


    Shannon

  • Profile Image
    Kevin_G
    Answered 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. 

  • Profile Image
    RedIce
    Answered on March 08, 2018 at 05:42 PM

    Hello Kevin,

    I hid it because it is not working properly.

    I have made it live again here: https://www.tattooshopsmelbourne.com.au/quick-quote-email/


    Thank you

    Shannon

  • Profile Image
    Sean
    Answered on March 08, 2018 at 07:30 PM

    Hi there

    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

    1520555419tt.jpg


  • Profile Image
    John_Benson
    Answered on March 08, 2018 at 07:41 PM

    Hi, 

    I checked the website and I can see the Captcha properly. Here's a screenshot:

    1520556104Goog_cap_001.png

    If the issue still persists, please try embedding the form using iFrame Method. Here's a guide: 

    https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code

    Thank you.

  • Profile Image
    RedIce
    Answered 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.