Some font size failed to be responsive in mobile view

hi kenneth
Sorry for late reply. Attached herewith the image from my samsung galaxy S7 edge where you can obviously the “name” and “message” are much larger in size than “email” and “telephone no.”:

Hopefully you can help with it. Thanks

Anyone can help with the hanging issue?

Hey @fesaw

Sorry, it does not look like the images made it through. Would you mind sharing the links to the images once again and a link to the live form?

Thanks!

Dear Kenneth

Below are the links for your advice:

1)The contact page webpage:

2)YouTube link where you can see the super big size of “Name” and “Message” in my wpform:

Hope you are able to access to the links this round. Thanks.

I really do not know why the links disappeared again. I attached the links via LINK in this reply. Why?

This is the link to my page:
https://lovecellsbe.com/en/contact/

There is no problem with the desktop and tabletview. Even the landscape view of my Samsung Galaxy s7 edge has no problem. It is only the potrait view of the mobile is having the font-size problem. “Name” and “Message” appeared too big compare to “Email”, “Phone. No.” and “Submit”

And, this is the YouTube recorded from handphone:
https://www.youtube.com/watch?v=KyO4D-L8u9w

As shared, the same problem happens with Huawei P9, Huawei Mate 10 as well.

Pls help. Thanks

Hey @fesaw

Thanks for getting back to me.

Would you mind adding the following CSS code to your site and let me know if it will fix the issue:

@media only screen and (max-width: 600px){
div.wpforms-container-full .wpforms-form .wpforms-field-label{
  font-size: 0.8em!important; /*you can change 13 to any value to increase of reduce the font*/
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}
}

Please let me know how this goes. ??

hi kenneth

Thanks for the proposal, unfortunately it doesn’t help with the issue. Appreciate if you can advice further.
Good Day and Stay safe

Hey @fesaw

It is likely that you are using an older mobile browser on the phones that are experiencing this issue. It would be a lot easier to fix the font issue if I could replicate it from my end but unfortunately, I’ve been unsuccessful after testing on several mobile devices.

Would you mind checking if you can still reproduce this issue on modern devices?

Thanks!

Dear Kenneth

Apologize on the late reply.
I have get two more ppl to test again, so far it appears ok with their models, being iphone 11 and iphone XR.

So together with the earlier feedback, here we have the below models working fine with the form:
1)iphone 7
2)Honor 20
3)Huawei P9
4)iphone 11 (2 checks)
5)Oneplus 8T`
6)iphone XR

I am not sure how you define old or new browsers, i am pretty sure my unit is old. Does this mean nothing we can do with the form, instead just have to bear with it until the users update their phone. On the other hand, I do remember there was no such issue when the form was used last year. It is only this year that I noticed the weird problem. Hopefully this is extra info that helps.

Thanks

Best Rgds
FE Saw

Hey @fesaw

Sorry for losing track of this one as well.

I would recommend encouraging any user that is experiencing this issue to update their browser or phone operating system to be sure that they are missing out on maintenance updates.

I hope this helps!

Hi Kenneth, i guess you are right. Anyway, thanks for your patience.