Skip to content
Public Ticket #13507

Mailchimp Header Sign-up Form

Conversation thread

PenciDesign replied

6 years ago
Staff Reply

Hi,

Because that's style for all iOS buttons. The iOS operating system has auto changed it to that button..

You can see it's normal on Android devices.

Best Regards,

PenciDesign

Fadi Madhoun replied

6 years ago
Customer Reply

Thanks you so much.

One more question. Why the submit button on mobile does not look like the same as on the web (for both header and footer sign up forms).

Thanks again for your great support.

PenciDesign replied

6 years ago
Staff Reply

Hi,

Please try add more this code to Customize > Custom CSS:

.penci-header-signup-form .mc4wp-form-fields > p.mdes{ display: none; }
.penci-header-signup-form .mc4wp-response p, .footer-subscribe .mc4wp-response p{ color: #fff; }
@media only screen and (max-width: 960px){
.penci-header-signup-form .mc4wp-form-fields > p, .penci-header-signup-form form > p{ padding: 0 !important; }
.penci-header-signup-form .mc4wp-form input[type="text"], 
.penci-header-signup-form .mc4wp-form input[type="email"]{ margin-left: auto; margin-right: auto; text-align: center; }
.penci-header-signup-form .mc4wp-form input[type="submit"]{ height: 48px; line-height: 48px; padding: 0; }
}

Best Regards,

PenciDesign

Fadi Madhoun started the conversation

6 years ago
Conversation Start

Anyone knows how to fix the below issues with Mailchimp header sign-up form

  1. In desktop mode:
    1. To hide "Description" text
    2. To change custom message font color to "white"
    3. To align all fields as well as the Subscribe button to center
  2. In responsive mode:
    1. To hide "Description" text
    2. To align all fields and button to center and resize them equally
    3. To increase the height of the button as the same in the footer form

Note changes required to the footer sign-up form.

Want to join this conversation or access attachments? Sign in first.

Login to Reply