ReCAPTCHA Overlapping/Overflow Issue on Mobile View

This topic has 3 replies, 2 voices, and was last updated 4 months, 3 weeks ago ago by khurram virk

  • Avatar: khurram virk
    khurram virk
    Participant
    July 24, 2025 at 14:28

    Dear Sir,

    Good day to you!

    I’m experiencing an issue with the reCAPTCHA field on my website’s inquiry form when viewed on mobile devices. The reCAPTCHA is overflowing outside the form container and breaking the layout.

    Here is a screenshot of the issue for your reference:
    🔗 https://snipboard.io/McN7vj.jpg

    Could you please advise how to fix this issue so that the reCAPTCHA displays properly and responsively within the form on all screen sizes?

    Looking forward to your support.

    Thank you!

    2 Answers
    Avatar: Justin
    Luca Rossi
    Support staff
    July 24, 2025 at 19:07

    Hi @khurram virk,

    Please try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:

    
    @media(max-width: 400px){
        .elementor-g-recaptcha > div {
            transform: scale(0.75);
            transform-origin: 0 0;
        }
    }
    

    Kind regards,
    The 8Theme Team

    Avatar: khurram virk
    khurram virk
    Participant
    July 24, 2025 at 20:57

    Thanks for the support! My topic “reCAPTCHA Overlapping/Overflow Issue on Mobile View” has been successfully resolved.

  • Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘reCAPTCHA Overlapping/Overflow Issue on Mobile View’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.