Jump to content

Editing footer height and text margins

Go to solution Solved by SaranyaDesigns,

Recommended Posts

Hi there,

Footer adjustments I need help with:

  • Decreasing the height of my footer and adding a thin grey line above it so that it exactly matches my header
  • Move the links on the left so that it sits in line with the links in my header
  • MOBILE VERSION: center the links above the copyright text
  • MOBILE VERSION: match footer height to header

See here: https://www.object750.com/collections

I tried code from other forum questions but they don't seem to work for me.

Many thanks

Link to comment
  • Replies 1
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

  • Solution

@Rawan for the header/footer issues, try adding this to your custom CSS:

#footer-sections {
	border-top: 1px solid #e5e5e5;
	padding: 20px;
}
.fe-block-yui_3_17_2_1_1699568094161_10922 .sqs-block {
	justify-content: center !important;	
}
.fe-6550f3052fcc075598117599 {
	display: flex !important;
	justify-content: center !important; 
}

I'm not clear on what you mean by "move the links on the left so that it sits in line with the links in my header" can you send a screenshot maybe of what links you are referring to? Same question for centering the links in mobile, not clear on what links you mean?

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.