Recaptcha not Responsive

  • Resolved Chris Green

    (@greenyboy28)


    6 years, 11 months ago

    Hi guys, I’ve noticed that if I add the Google Recaptcha to a HappyForms form, it isn’t actually responsive. When viewed on a mobile device, the recaptcha stretches outside the happyforms container. Do you know how I could quickly fix this please?
    Many thanks
    Chris

Viewing 7 replies - 1 through 7 (of 7 total)
  • thethemefoundry

    (@thethemefoundry)

    6 years, 11 months ago

    Hey there, @greenyboy28 👋

    Sure thing! Would you mind posting your page URL here? We’ll be happy to have a closer look.

    Thanks! 😀

    Thread Starter Chris Green

    (@greenyboy28)

    6 years, 11 months ago

    Hi guys, thanks for getting back to me so quickly :D. Here’s a link to one of the sites that I use HappyForms on https://gpointonltd.co.uk/
    If you scroll to the bottom where the contact us section us, you’ll see the form there. Many thanks for your help
    Chris

    thethemefoundry

    (@thethemefoundry)

    6 years, 11 months ago

    Thanks, @greenyboy28!

    As it turns out, reCaptcha has some minimum width applied by default (304px). It can be worked around with CSS @media query and scale though. Would you mind adding the following snippet to Additional CSS in Customizer?

    @media screen and (max-width: 500px) {
  .happyforms-part--recaptcha > div > div {
    transform: scale(0.75);
    transform-origin: 0 0;
  }
}

    Hope this helps! 😀

    Thread Starter Chris Green

    (@greenyboy28)

    6 years, 11 months ago

    Brilliant guys. that has sorted it :D. Do you plan including this in an update to the plugin or should I just carry on using the CSS?
    Many thanks again for all your help
    Chris

    thethemefoundry

    (@thethemefoundry)

    6 years, 11 months ago

    We’ll totally improve this on our end too, @greenyboy28! In the meantime while we release the update, please just continue using the snippet.

    Have a great day! 😀

    Thread Starter Chris Green

    (@greenyboy28)

    6 years, 11 months ago

    Brilliant guys and many thanks for all your help
    Chris

    thethemefoundry

    (@thethemefoundry)

    6 years, 11 months ago

    You bet, @greenyboy28! We’re happy to help 😀

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Recaptcha not Responsive’ is closed to new replies.