How can I make footer bar full width, keep elements the same

Gilbert · May 19, 2022

I would like the black bar to stretch across the browser width, but keep the address and social icons centred as they are....

I'm using Forster 7.1 template

tuanphan · May 20, 2022

Try adding to Design > Custom CSS

footer.Footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    top: unset;
}
body {
    position: relative;
}
.Footer-inner.clear {
    max-width: 960px;
    margin: 0 auto;
}
.Site-inner {
    padding-bottom: 250px;
}
@media screen and (max-width:640px){
    .Site-inner {
    padding-bottom: 450px;
}
}

Gilbert · May 20, 2022

Thanks so much! You are awesome...

How can I make footer bar full width, keep elements the same

Recommended Posts

Gilbert

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

tuanphan

Link to comment

Gilbert

Link to comment

Create an account or sign in to comment

News

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources