[Resolved] Newsletter subscribe button in mobile view

[Christopher]

Hey guys,

I just released my website finally, thanks again for your help on that!

https://montenegrotower.com/

If you scroll down you will see a subscribe button, which looks good on the mobile view in my browser but not on my phone with the font being vertical. Any idea how to fix it?

Thanks
Chris

[Fernando]

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.

[Christopher]

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:

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

[Fernando]

Try setting it to something like 40%.

[Christopher]

Thanks, I tried that and the button still isnt horizontal on my phone:

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

[Fernando]

Oh. I meant the flex.

Something like this for instance:

flex: 40%;
width: 100%;

[Christopher]

Thanks! That worked, cheers 🙂

[Fernando]

You’re welcome! Cheers! 🙂

[Author]

Posts