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.
Link to comment
  • Solution

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 

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.