Archived topic
Mailchimp for WordPress Sign-up Form (Blok)
7 replies · Started by Fekry on May 24, 2020
Hi there
In Mobile view, submit button of Mailchimp for WordPress Sign-up Form (Blok) is less width than the fields.
https://www.screencast.com/t/QX6Sty9xGN
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
Hi there,
That's the one in the content right?
Yeah
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%;
}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
You can use media query to target your CSS to different screen width:
https://docs.generatepress.com/article/responsive-display/#responsive-breakpoints
It works, thanks Leo.
No problem :)
