• Resolved elishiasharie

    (@elishiasharie)


    Hello. I need help with two things:

    1.) Centering the ‘Submit’ button on mobile.
    2.) Adjusting the height of the submit button, so that it is the same height as the fields (I tried CSS code suggested in a different thread, but it did not work).

    The only CSS code that currently applies to the sign-up form is the following:

    .yikes-easy-mc-form .submit-button-inline-label {
    width: 17% !important
    }

    This is the code I used to put everything on one line.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor yikesitskevin

    (@yikesitskevin)

    Hi @elishiasharie,

    1. Centering the submit button isn’t as pretty as I’d hoped but try this CSS:

    @media (max-width: 1000px) {
        .yikes-easy-mc-form .yikes-easy-mc-submit-button.yikes-easy-mc-submit-button-1 {
            margin-left: 200%;
        }
    }
    
    @media (max-width: 650px) {
        .yikes-easy-mc-form .yikes-easy-mc-submit-button.yikes-easy-mc-submit-button-1 {
            margin-left: 130%;
        }
    }

    2. Adjusting the height of the submit button:

    .yikes-easy-mc-form .yikes-easy-mc-submit-button.yikes-easy-mc-submit-button-1 {
        height: 35px;
        min-height: initial;
    }

    Let me know how that goes.

    Cheers,
    Kevin.

    Plugin Contributor Tracy Levesque

    (@liljimmi)

    🏳️‍🌈 YIKES, Inc. Co-Owner

    Hi @elishiasharie,

    Let us know if this worked or if you need more help.

    Thank you,
    -Tracy

    Plugin Contributor Tracy Levesque

    (@liljimmi)

    🏳️‍🌈 YIKES, Inc. Co-Owner

    Hi @elishiasharie,

    We haven’t heard back from you in awhile so I am going to close out this ticket.

    If you need more help, please reopen it and we will be happy to help you.

    Thank you!
    -Tracy

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Easy Forms for Mailchimp Submit Button’ is closed to new replies.