Mailchimp button not aligned properly

seandresen

Hello

How can i align the mailchimp submit button with the Insert your email field. test.website kreem.disait.ee

Bryan

Try this custom css

.mc4wp-form-fields input[type="submit"] {
	top:-12px !important;
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

seandresen

Thank you, it worked for the pc screen, but now its not aligned properly in the mobile screen.

woexNL

Hi,

I was having the same problem.

I fixed it by changing the code in the mailchimp form by removing the middle </p><p> 

(dashboard > mailchimp for wp > forms) 

You probably also have something like:

<p>

<label>Email adress: </label>

<input type="email" name="EMAIL" placeholder="your email" required />

</p>

<p>

<input type="submit" value="sign-up" />

</p>

I changed it to:

<p>

<label>Email adress: </label>

<input type="email" name="EMAIL" placeholder="your email" required />

<input type="submit" value="sign-up" />

</p>

This did the trick for me

(so no changes in the css)

seandresen

Thank you this helped and its almost good, but now on mobile i need a bit more space between the input field and button, so it will be aligned also in the pc.

Bryan

Add this

@media(max-width:767px) { .mc4wp-form-fields input[type="submit"] {
	top:2px !important;
}}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

seandresen

Thank you!!!