Align email signup form horizontally

[jennapotter5]

I’m trying to horizontally align my email subscriber form and I used a CSS code from a previous support topic but the Submit button doesn’t align properly. It’s slightly lower than the the other field. Thanks.

[Joao]

Hi There,

Please provide your URL so we can provide you a tailored solution.

Thank you

[jennapotter5]

I added a secure note with the login information. Thanks!

[christian]

Hey @jennapotter5,

Please use this code specific to your setup which is 1 text field and 1 button. Watch this screen recording to see that it works.

@media (min-width:540px) {
    .x-subscribe-form {
       max-width: 80% !important;
    }

    .x-subscribe-form fieldset {
        width: 50%;
        float: left;
        vertical-align: middle;
    }

    .x-subscribe-form input[type="submit"] {
        margin: 0 10px !important;
    }
}

If for any reason this code does not work on your end now or in the future, you will need to hire a third party developer to fix or enhance it. That is because this is custom work which is outside the scope of our support.

Thanks.