WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Adjust form input field for mobile site (4 posts)

  1. montymcmahon
    Member
    Posted 3 months ago #

    I've installed a MailChimp form on this site: http://www.workingmanfitness.com.

    The one that has the issue is the header form on the home page, which is coded (not a plugin). Everything is fine EXCEPT the input field for the email address just blasts off the right side of the page when you view it on mobile.

    I tried to set the width to 100%, but that didn't fix it. Can anyone give me any insight here?

    I've already contacted MailChimp directly and as usual, they are useless when you ask them anything about code.

  2. The Grey Parrots
    Member
    Posted 3 months ago #

    Set the style of
    #generate-box #mce-EMAIL, #generate-box input[type="text"] {

    as
    padding: 8px 1px;
    width: 220px;

  3. montymcmahon
    Member
    Posted 3 months ago #

    Beautiful. Thank you!

  4. The Grey Parrots
    Member
    Posted 3 months ago #

    You are welcome :)

Reply

You must log in to post.

About this Topic