Comment to 'Splash page off centered on the mobile'
Comment to Splash page off centered on the mobile

  • The problem is that the recaptcha doesn't fit your screen size, that's why full page width gets resized when recaptcha is loaded.

    Try with this.

    @media screen and (max-height: 410px){

        .g-recaptcha > div {

            transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;

        }

    }

    If it doesn't work, try this:

    @media screen and (max-height: 410px){

        .g-recaptcha > div {

            transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;

            width:220px;

        }

    }

    MSolutions.

    • Hi MSolutions

      Confirmed that the problem is the recaptcha, I disabled it in the form and then everything is displayed correctly. But I would not want to do without the recaptcha.

      I tried the 2 alternatives in:
      - Splash page, between the <style> tags
      - Designer-> Injections-> Head, between the <style> tags
      - Protean-> Styles-> Custom styles
      Right now the second alternative is configured, in Protean-> Styles-> Custom styles.

      Thanks.