Newsletter Submit button alignment on mobile

Hello! I have a newsletter block in the footer of my website that looks exactly how I want it to on desktop (with some light coding), but when I look at it on mobile it places the "sign up" button below the email form (see pic). How do I get the "sign up" button to stay in line with the email form on mobile? Thank you!

Hi. Can you provide a website link for us to inspect the real code?

https://tancredmusic.com/

Updated:

This code is one of the solutions for your case :

.newsletter-block .newsletter-form-body {
   white-space: nowrap;
}
.newsletter-block .newsletter-form-field-wrapper {
    min-width: 0;
    width: 100%;
    max-width: 18rem;
}

On 10/22/2022 at 5:50 AM, joseph81 said:

Updated:

This code is one of the solutions for your case :

.newsletter-block .newsletter-form-body {
   white-space: nowrap;
}
.newsletter-block .newsletter-form-field-wrapper {
    min-width: 0;
    width: 100%;
    max-width: 18rem;
}

 

Perfect, this worked! Thank you so much!