Name field – when using first, middle, last,

  • Resolved sam055

    (@sam055)


    1 year, 5 months ago

    I’m using the Name field with the format First Middle Last. It displays fine on a desktop, but on a mobile the fields are squashed. The middle name field particularly is very narrow. How can I make each field full width on a mobile?

    View post on imgur.com
    • This topic was modified 1 year, 5 months ago by sam055.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Ralden Souza

    (@rsouzaam)

    Hi @sam055,

    Thanks for reaching out!

    To adjust the name subfields only on mobile, we need some custom CSS, which I’ve included here:

    @media (max-width: 600px) {
    .wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-fifths, .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-fifth {
        width: 33% !important;
    }
}

    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 sam055

    (@sam055)

    Perfect, thanks @rsouzaam!

    Plugin Support Ralden Souza

    (@rsouzaam)

    Hi @sam055,

    You’re welcome, happy to help!

    As it seems the issue was solved, 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.

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Name field – when using first, middle, last,’ is closed to new replies.