1. HOT Divi Ultimate Header Plugin - More variety for your Divi header: https://header.diviultimate.com/

Solved Input Text cutoff bottom

Discussion in 'Free Divi Community Forum' started by Levib, Jun 29, 2020.

  1. Levib

    Levib New Member

    Hi!

    I'm developing a website for a client and the placeholders in the inputs on the checkout, cart en a test page with a contact form are being cutoff. Site: https://moxxa.nl
    It only happens on Android phones. I'm almost certain this is something related to Divi, because this also happens when I disable all plugins and test on the test page (https://moxxa.nl/test).
    Does anyone have a solution for this?

    Thanks!
     

    Attached Files:

    1. AD Add more variety for your Divi header (12 premade styles): https://header.diviultimate.com/
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Tested on iPhone. Looks fine to me. And it looks like this:

    upload_2020-7-1_18-23-42.png
     
  3. Levib

    Levib New Member

    Thanks for your reply. Like I said, it's an Android only thing. That's what makes it so weird. My team and I can't figure out why it happens and thought maybe one of you guys would know.

    Edit: to clarify. Because it's a live website, we choose to delete the placeholders in the checkout form so the client does not experience the problem as much as before. You can still check it out on the test page I mentioned and in the cart in the coupon field.
     
    1. AD Free download for Divi Mobile Bar Plugin: https://divi.help/threads/divi-mobile-bar-plugin-free.1579/
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Just tested on Samsung note & yes I saw your issue.

    I tested my demo site contact form & it works fine. And thus I compared both yours & mine and see if there's any difference between the CSS. But both look identical for the CSS.

    You may try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    input, textarea {
        line-height: 1.4em!important;
    }
    And see if it works.

    If not, then I would suspect it's the font family issue, as that's the only different between yours & mine. Try to switch to other font family & see if it works.

    If still not working, it's best for you to refer official Divi support about it: https://www.elegantthemes.com/members-area/help/
     
  5. Levib

    Levib New Member

    Thanks for your reply. Changing the font-family did the job. Thank you very much for the help!
     
    1. AD Feature-rich Divi eCommerce Child Theme for WooCommerce: https://divi.help/link-forums/royalcommerce.151/

Recommended Divi Hosting