Newsletter subscribe button in mobile view

Hi Christopher,

How should it look like on mobile?

You have this code in your custom CSS for media query max-width:420px -

form.wp-block-getwid-mailchimp__form .wp-block-getwid-mailchimp__submit,
form.wp-block-getwid-mailchimp__form .wp-block-getwid-mailchimp__submit div,
form.wp-block-getwid-mailchimp__form .wp-block-getwid-mailchimp__submit button {
flex: 1;
width: 100%;
}

The flex:1 rule is causing it to go vertical.

Thanks Fernando,

it should look like this and this is how it looks like for me when I view it in Chrome, reduzing the size as much as possible of the window to recreate the mobile viewport:
https://www.screencast.com/t/oGnAAgG78Igo

but on my actual phone its vertical.

I tried changing flex to 0 but the text is still vertical on my phone. Testing in incognito mode.

Thanks

Try setting it to something like 40%.

Thanks, I tried that and the button still isnt horizontal on my phone:
https://www.screencast.com/t/bKS8KWGpykA

How does it look on your phone I wonder? I use a Xiaomi Lite 11 with Android

Oh. I meant the flex.

Something like this for instance:

flex: 40%;
width: 100%;

Thanks! That worked, cheers :)

You’re welcome! Cheers! :)