WordPress.org

Forums

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

  1. montymcmahon
    Member
    Posted 1 year 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 1 year ago #

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

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

  3. montymcmahon
    Member
    Posted 1 year ago #

    Beautiful. Thank you!

  4. The Grey Parrots
    Member
    Posted 1 year ago #

    You are welcome :)

Topic Closed

This topic has been closed to new replies.

About this Topic