[Resolved] Newsletter subscribe button in mobile view

Home Forums Support [Resolved] Newsletter subscribe button in mobile view

Home Forums Support Newsletter subscribe button in mobile view

  • This topic has 7 replies, 2 voices, and was last updated 1 week ago by Fernando.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #2299143
    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

    #2299260
    Fernando
    Customer Support

    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.

    #2299370
    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:
    2022-08-01_09-35-14

    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

    #2299382
    Fernando
    Customer Support

    Try setting it to something like 40%.

    #2299386
    Christopher

    Thanks, I tried that and the button still isnt horizontal on my phone:
    2022-08-01_09-59-29

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

    #2299390
    Fernando
    Customer Support

    Oh. I meant the flex.

    Something like this for instance:

    flex: 40%;
    width: 100%;
    #2299402
    Christopher

    Thanks! That worked, cheers 🙂

    #2299415
    Fernando
    Customer Support

    You’re welcome! Cheers! 🙂

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.