[Resolved] some issues with my site in mobile view

Home Forums Support some issues with my site in mobile view

This topic contains 8 replies, has 3 voices, and was last updated by  Leo 2 weeks, 3 days ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1278262

    Fekry

    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

    #1278342

    Tom Lead 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%;
        }
    }
    #1278361

    Fekry

    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.

    #1279083

    Fekry

    Still Wait your help.

    #1279345

    Leo 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!

    #1279346

    Fekry

    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%; }

    #1279353

    Leo Customer Support

    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.

    #1279408

    Fekry

    It works for wpforms. Is there CSS for Mailchimp subscribe form?

    #1279656

    Leo Customer Support

    Are you referring to this form here?
    https://www.screencast.com/t/F4mXfyvgf
    Are you wanting to make them 100% width on mobile?

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.