Jump to content

Match Footer Width with Header Width

Go to solution Solved by Ziggy,

Recommended Posts

Posted (edited)

Hello.

I am trying to match the width of the header and footer. I tried using the custom CSS on this post (below), but it is not working. Does anyone have alternative suggestions?

Thank you.

My website is https://otio.world.

Edited by peyo
Added link to website.
  • Solution
Posted

Do you want the footer wider or the header narrower?

The simplest thing to do is in the header settings change it from Full to Inset.

If you want the footer full width, then you would need this Custom CSS:

section[data-section-id="6373d8df1810f16bcca66873"] {
  .fluid-engine {
    --sqs-site-max-width:100vw;
  }
}

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.