Message box size on mobile

  • Resolved tosok

    (@tosok)


    4 years, 10 months ago

    Hi there-

    Can you share with me how I can get the message box to equal the width of the other fields in the mobile view? The message box only spans partway on my mobile. I have added the following to my custom css but that only accomplished adding pleasant margins for the rest of the mobile form view, but did not fix the width issue I’m writing about.

    .wpforms-container form {
    padding-left: 24px;
    padding-right: 24px;
    }

    Thanks for your help!

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Ethan Choi

    (@ethanchoi)

    Hi @tosok,

    It looks like there’s some custom CSS on your site that sets the Paragraph field to 70% of its container width. To set this too 100% on mobile, we’ll need some custom CSS:

    @media only screen and (max-width: 600px) {
    .wpforms-container textarea {
        width: 100%;
    }
}

    When you get the chance to give it a try, please let me know how it goes?

    Thanks.

    Thread Starter tosok

    (@tosok)

    Yes, that did it. Thanks so much.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Message box size on mobile’ is closed to new replies.