Form fields don't resize correctly

[morelli74]

Hi,
I inserted a form with Google reCAPTCHA using the plugin “Contact Form 7”, but when I load the page from the smartphone the fields don’t resize correctly.

Regards
C.M.

[Jerry]

Hello there,

Can you show us screenshot how it looks on your smartphone ?

Regards

[morelli74]

Hi Jerry,
I attached two screenshoots, the first from the laptop the second one from the smartphone.
As you can see the size of the field seems wrong even if displayed on the PC.

Laptop
Smartphone

Regards
C.M.

[Jerry]

We need your website url and admin user/pass so we can make some corrections direct from admin panel.

Regards

[morelli74]

This reply has been marked as private.

[morelli74]

This reply has been marked as private.

[Zex]

Hello, Morelli!

Sorry for the late answer!

I have added the custom CSS code for you and fixed the problem with the Google reCAPTCHA.

the code I added is:

@media screen and (max-width: 575px)
{.g-recaptcha {
transform:scale(0.80);
transform-origin:0 0;
border:none!important;
padding-left:0;
  } 
}

https://prnt.sc/htrt4g

If this is what you wanted to do, you can disable the temporary admin account you created for us.

Regards

[morelli74]

Hi Zex,
it works partially, I would like something similar to that of the old site. I would like all the fields to be redimensioned according to the device and that there are no borders in the Google reCAPTCHA field.
As for the account, it was also used by Jerry for the thread on the “google analytics code”.

Smartphone – Old Site
Smartphone – New Site
Ipad – New Site

Regard
C.M.

[Zex]

Hi,
I have made some tweaks, and now your contact form looks similar to the one you had on the old site.

https://prnt.sc/httusc

Regards

[Author]

Posts