Jump to content

Force Header, footer and and Images to stay within Squarespace Max Width Margin

Go to solution Solved by MoeTalks,

Recommended Posts

Posted

I would like all my content to maintain is 1100 max width margin on desktop.  I would like it to do what this site does:  https://www.slashfilm.com/

No matter how far you stretch this site  in chrome, firefox, etc. the text and all images maintain it's margin.  Currently only my sections and all within the sections seems to maintain the site margin width but header and probably the footer (when I create one) stretches "responsively" and I don't know how to stop that.  Any suggestions?  Thanks.

 

  • Solution
Posted

Someone please tell me why o why?  Why is it that every time I feel like i've exhausted all remedies and hope on finding an answer and I reach out to this forum, all of a sudden I find it.  It's taken me 2.5 hours to find this answer AND on top of that, it was from on old circle member in this forum (https://forum.squarespace.com/profile/9595-rwp/)

Not sure is he is still on but thank you for this code.  Now I have to figure out then what exactly does the margin-width do but that's another day.  This can be closed.

#header {
    max-width: 1920px;
    margin: auto;
}
section.page-section {
    max-width: 1920px;
    margin: auto;
}
 

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.