Jump to content

Reaching back to Avenue template, full width footer issues

Go to solution Solved by tuanphan,

Recommended Posts

Hello. Yes, I'm still on Avenue. I will eventually switch over to 7.1, but this is still doing a great job for me so I'm not gonna put it down until I absolutely need to.

I am looking to do something and what I have found (in a few places) doesn't quite do the trick...

I want my footer to span the entire width of the page, the way the header does. (the orange line will help illustrate that)

I found this code (below), but making #canvas max width causes the entire site to, and that's not what I want. I really want to keep the width of the site as is, just making the footer full-width.

Another thing I would like to do is remove alllll of this extra space at the end of the page... I can't figure out where it's coming from, but there's a lot at the bottom of the footer when viewing on desktop (mobile seems to be fine for some reason)! Ideally I would like to remove the bottom 80 pixels of the page/footer on desktop.

Any help on this would be soooooo greatly appreciated. Thank you!

( note - there is some weird stuff on this website - please don't visit if you're offended by drag and LGBTQ art )


/* Footer Full Width */
#canvas {
    max-width: 100%;
    position: relative;
#footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px;


Edited by danlnyc
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.