Site logo

Archived topic

some issues with my site in mobile view

8 replies · Started by Fekry on May 10, 2020

Viewing posts 1–9 of 9

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.
thanks

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.

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?

This archived topic is closed to new replies.