- This topic has 8 replies, 3 voices, and was last updated 6 years ago by
.
-
Posts
-
Hi there
I have some issues with my site in Mobile:
– Submit form button (إرسال) is vertical not horizontal.
– Submit Milchimp subscribe button is more width than the fields.
May you help to fix it please.
thanksLead Developer
Hi there,
I’m not seeing the vertical issue?
As for the width, try this CSS:
@media (max-width: 768px) { .mc4wp-form input[type=text], .mc4wp-form input[type=email] { width: 100%; } }Hi Tom
In this page I have two Mailchimp subscribe forms ( in sidebar and page text), when I used your CSS I fixed the sidebar one, but in the other one in page text the fields became widder than the submitt button.Still Wait your help.
Customer Support
Try this CSS:
@media (max-width: 768px) { div.wpforms-container-full .wpforms-form button[type=submit] { width: 100%; } }These questions should really be answered by the plugin support so please try to check with them first.
Thanks!
Hi there
This CSS below affects badly in front page, I lose call to action buttons customization and spaces in post grid.
So I need another CSS to solve my problem with Mailchimp subscribe form submit button in mobile view.
……………
@media (max-width: 768px) { .mc4wp-form input[type=text], .mc4wp-form input[type=email] { width: 100%; }What if we target the CSS to only the linked page like this?
@media (max-width: 768px) { .page-id-202 div.wpforms-container-full .wpforms-form button[type=submit] { width: 100%; } }If this still doesn’t work then please check with their support. The CSS is all coming from the plugin.
It works for wpforms. Is there CSS for Mailchimp subscribe form?
Are you referring to this form here?
https://www.screencast.com/t/F4mXfyvgf
Are you wanting to make them 100% width on mobile?
- You must be logged in to reply to this topic.
