How do I get the Footer Newsletter Block to stay within my site margins?

Hi there I am having issues with my newsletter block getting cut off when I resize my browser (Starting around 1000px). It seems to be going outside the margins.

Is there a way to fix this or is there a proper way to make the footer items stack earlier? Thanks! 

Website: sisterseasons.com
 

You could try

@media screen and (max-width: 1000px) {
.newsletter-block {
  transform: scale(0.7);
}
}

And then adjust to your needs.

Thanks for your response @bycrawford sadly this issue is still happening when scaling my browser. Do you know any other fixes that could help? it's only happening to the form in the footer which is strange.

18 hours ago, ct3 said:

Thanks for your response @bycrawford sadly this issue is still happening when scaling my browser. Do you know any other fixes that could help? it's only happening to the form in the footer which is strange.

Maybe try reducing the width?

@media screen and (max-width: 1000px) {
.newsletter-block {
  width: 50px !important;
}
}

And adjust as needed.