Jump to content

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

Recommended Posts

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
 

image.png

Edited by ct3
Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

You could try

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

And then adjust to your needs.

Sam Crawford | by Crawford.
 
Multi-award-winning Squarespace expert
 
Did my comment help? To help others benefit, leave a like and mark my answer as 'best'. This lets users scroll straight to the solution they need.
Link to comment
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.

Sam Crawford | by Crawford.
 
Multi-award-winning Squarespace expert
 
Did my comment help? To help others benefit, leave a like and mark my answer as 'best'. This lets users scroll straight to the solution they need.
Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.