Some font size failed to be responsive in mobile view

  • Resolved fesaw

    (@fesaw)


    2 years, 10 months ago

    Lately I noticed some of the font size in WPforms label not responsive. The entire form works well with desktop and tablet but not in mobile view. May i know where is the catch?

    The page I need help with: [log in to see the link]

Viewing 15 replies - 1 through 15 (of 26 total)
1 2
  • Plugin Support Kenneth Macharia

    (@kmacharia)

    2 years, 10 months ago

    Hi @fesaw

    Thanks for reaching out!

    To reduce the label sizes on mobile, I can recommend adding the following code to your site:

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

    And in case it helps, here’s a tutorial on how to add custom CSS like this to your site.

    Hope this helps!

    Thread Starter fesaw

    (@fesaw)

    2 years, 10 months ago

    hi, thanks for the advice. Unfortunately it doesn’t solve the problem. The font-size for “Name” and “Message” in the wpform still looking big compare with the other two labels in mobile view.

    anything i should do to rectify the issue? pls help.

    Plugin Support Kenneth Macharia

    (@kmacharia)

    2 years, 10 months ago

    Hi @fesaw

    I’m happy to help further.

    It looks like your form page https://lovecellsbe.com/eng/contact/ is currently inaccessible because your site is in maintenance mode. Please let us know when this page is live so that we can take a closer look.

    Thanks! 🙂

    Plugin Support Kenneth Macharia

    (@kmacharia)

    2 years, 10 months ago

    Hi @fesaw

    We haven’t heard back from you in about a week, so I’m going to go ahead and close this thread for now. But if you’d like us to assist further, please feel welcome to continue the conversation (please just see my post above).

    Thanks!

    Thread Starter fesaw

    (@fesaw)

    2 years, 10 months ago

    hi kenneth

    haha i’ve indeed replied on 10th June and awaiting for your further advice.
    sorry for the inconveniences caused.

    pls do help to check the mobile view of my contact form again. The problem lies with different font size for Name & Message as compared to Email & Phone No.

    Awaiting for your support. thks

    Best Rgds
    FE Saw

    Plugin Support Kenneth Macharia

    (@kmacharia)

    2 years, 10 months ago

    Hi @fesaw

    Would you mind testing this from a different device or browser?

    Here is a screenshot of how these labels are displayed on my end.

    Let me know if you can reproduce this on a different device.

    Thanks!

    Thread Starter fesaw

    (@fesaw)

    2 years, 10 months ago

    hi kenneth

    appreciate for the feedback.

    yes. it looks like the problem appears in certain devices only. i have sent the file via email, pls check.

    Kindly help with it. Thank you

    Plugin Support Kenneth Macharia

    (@kmacharia)

    2 years, 10 months ago

    Hi @fesaw

    I apologize but we are only able to provide WPForm Lite support on this forum.

    Would you mind sharing the details about the device affected by this issue in your next response so that I can take a closer look?

    Thank you!

    Thread Starter fesaw

    (@fesaw)

    2 years, 10 months ago

    hi kenneth
    so far i have checked the Contact Form view on 7 handphone, being:

    Font size appeared bigger on Name & Massage compared to Email & Phone No:
    1) Samsung Galaxy S& Edge
    2) Huawei Mate 10

    Font size appears the same all on title:
    1)iphone 7
    2)Honor 20
    3)Huawei P9
    4)iphone 11
    5)Oneplus 8T

    Hope you can help. Thanks

    Plugin Support Kenneth Macharia

    (@kmacharia)

    2 years, 9 months ago

    Hi @fesaw

    Sorry, I cannot reproduce the font issues on the mentioned devices on my end. Here is an example screen recording from Huawei Mate 1o.

    I suspect that the issue could be related to some caching on the device. Could you please clear the browser cache or test from a different browser?

    Thanks, and please let me know!

    Thread Starter fesaw

    (@fesaw)

    2 years, 9 months ago

    hi kenneth

    I cleared the brower cache (chrome), unfortunately the problem still arising.
    I also tried with Edge, the same feature happening. On the other hand, it seems alright with Firefox.

    Please help.
    Thanks

    Thread Starter fesaw

    (@fesaw)

    2 years, 9 months ago

    hi, anybody can help?

    Plugin Support Kenneth Macharia

    (@kmacharia)

    2 years, 9 months ago

    Hi @fesaw

    I’m sorry for missing your response.

    Would you mind creating an entirely new form on a new page and share the link in your next response so that I can chase this down further?

    Also, would you mind sharing some screenshots if you are still able to replicate the issue on the mentioned devices?

    Thanks!

    Thread Starter fesaw

    (@fesaw)

    2 years, 9 months ago

    hi kenneth, good to have you back again
    I have tried creating a new form on a new page, with the earlier contact form keep in Trash and all Custom CSS pertaining to this form deleted. Unfortunately the font size of Name and Message in mobile view still look awkward, much bigger than Email and Phone No which lie between them.

    Here’s the link: https://lovecellsbe.com/en/contact1/

    As for the photo of the outcome in mobile view, may i know how to attach to this mail?

    Pls help. Thanks and Stay Safe

    Plugin Support Kenneth Macharia

    (@kmacharia)

    2 years, 8 months ago

    Hi @fesaw

    Thanks for sharing the details.

    You can send us a screenshot by uploading the image to a media hosting platform such as Dropbox, Droplr, or Google Drive.

    Thanks!

Viewing 15 replies - 1 through 15 (of 26 total)
1 2
  • The topic ‘Some font size failed to be responsive in mobile view’ is closed to new replies.