Mobile Optimization seems to be not working correctly

[Lori McAlister]

Until now, my site has been fine on mobile, but suddenly any page that contains a form is not working correctly, and I cannot figure out how to fix it. I’m using gravity forms and the “captcha box” seems to go outside of the boundaries making for a bar on the right side for mobile users that condenses all of the copy on the page.

This problem isn’t visible when you use the responsive view on the editing page of elementor, which makes me suspect it’s a theme problem, not a block building problem.

This is causing google to state it won’t index my site because it’s not optimized for mobile.

One of the reasons we chose Agama Pro is for the mobile optimizatio.

Any ideas on how to fix this?

[Lori McAlister]

IT’s been three weeks! Any chance you can answer this?

[Lori McAlister]

This was fixed with custom CSS.

If you’re using reCAPTCHA box on mobile and need the CSS here it is.

/* Fixed reCAPTCHA Box on Mobile */
@media screen and (max-width:355px){.ginput_recaptcha{transform:scale(0.8);-webkit-transform:scale(0.8);transform-origin:0 0;-webkit-transform-origin:0 0;}}

[Author]

Posts