[Resolved] Mailchimp for WordPress Sign-up Form (Blok)

[Fekry]

Hi there
In Mobile view, submit button of Mailchimp for WordPress Sign-up Form (Blok) is less width than the fields.

Could you kindly help to fix it?
Please note: I use this CSS:
.sidebar .mc4wp-form input[type=submit],
.sidebar .mc4wp-form input[type=text],
.sidebar .mc4wp-form input[type=email] {
width: 100%;
}
.entry-content .mc4wp-form input[type=”submit”] {
width: 275px;
}
.mc4wp-form input[type=”text”], .mc4wp-form input[type=”email”] {
background-color: #303030;
}
……..
thanks

[Leo]

Hi there,

That’s the one in the content right?

[Fekry]

Yeah

[Leo]

Try editing this CSS:

.sidebar .mc4wp-form input[type=submit],
.sidebar .mc4wp-form input[type=text],
.sidebar .mc4wp-form input[type=email] {
    width: 100%;
}

to this:

.mc4wp-form input[type=submit],
.mc4wp-form input[type=text],
.mc4wp-form input[type=email] {
    width: 100%;
}

[Fekry]

I’ve used this CSS:
.mc4wp-form input[type=submit],
.mc4wp-form input[type=text],
.mc4wp-form input[type=email] {
width: 86%;

It works for mobile view, but now I want to fix it for desk top and ipad view.
May you please check URL in the original post and help me?
thanks

[Leo]

You can use media query to target your CSS to different screen width:
https://docs.generatepress.com/article/responsive-display/#responsive-breakpoints

[Fekry]

It works, thanks Leo.

[Leo]

No problem 🙂

[Author]

Posts