Mailchimp button not aligned properly

Comments

• Bryan

  August 2017

  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

  August 2017

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

  
  

  
  
• woexNL

  August 2017

  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

  August 2017

  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

  August 2017

  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

  August 2017

  Thank you!!!