Un utente ha chiesto
Categoria: Contact Form to Manage and respond to conversations with customers — Happyforms di WordPress
Domanda: Recaptcha non reattivo

Ciao ragazzi, ho notato che se aggiungo il recaptcha di Google a un modulo HappyForms non è effettivamente reattivo. Quando viene visualizzato su un dispositivo mobile, il recaptcha si estende al di fuori del contenitore happyforms. Sapete come potrei occuparmene rapidamente, per favore?
Grazie mólto
Chris

  • (@themefoundry)

    Ciao, @greenyboy28

    Cosa certa! Ti dispiacerebbe postare l’URL della tua pagina qui? Saremo lieti di dare un’occhiata più da vicino.

    Grazie! ??

    (@ ragazzoverde28)

    Ciao ragazzi, grazie per avermi risposto così velocemente :D. Ecco un link a uno dei siti su cui utilizzo HappyForms https://gpointonltd.co.uk/

    Se scorri verso il basso fino alla sezione Contattaci, vedrai il modulo lì. Grazie mille per il vostro aiuto
    Chris

    (@themefoundry)

    Grazie, @greenyboy28!

    Si scopre che reCaptcha ha una larghezza minima applicata per impostazione predefinita (304px). Tuttavia, può essere risolto con CSS @media query e ridimensionamento. Potresti aggiungere il seguente frammento a CSS aggiuntivi nel personalizzatore?

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

    Spero che questo ti aiuti! ??

    (@ ragazzoverde28)

    Ragazzi brillanti. chi lo ha organizzato: D. Prevedi di includerlo in un aggiornamento del plug-in o devo continuare a utilizzare CSS?
    Grazie ancora per tutto il tuo aiuto
    Chris

    (@themefoundry)

    Da parte nostra miglioreremo completamente anche questo, @ greenyboy28! Nel frattempo, mentre rilasciamo l’aggiornamento, continua a utilizzare lo snippet.

    Buona giornata! ??

    (@ ragazzoverde28)

    Ragazzi fantastici e grazie mille per il vostro aiuto
    Chris

    (@themefoundry)

    Puoi scommetterci, @ greenyboy28! Siamo felici di aiutarvi

Hai risolto il tuo problema?

0 / 0

Lascia un commento 0

Il tuo indirizzo email non sarà pubblicato. Required fields are marked *