Expand Footer Bar to Fit Screen

Site URL: https://carrot-bronze-bld8.squarespace.com/

Hello! I'd like the bottom green bar in the footer to expand with the screen resolution. I have the following custom CSS in there to get the green bar:

/* Footer green bar */
div.Footer-inner {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}
div.Footer-inner>div:not(:last-child) {
    padding-left: 125px;
    padding-right: 125px;
}
@media screen and (max-width:1920px) {
div.Footer-inner>div:not(:last-child) {
    padding-left: 60px;
    padding-right: 60px;
}
}
@media screen and (max-width:960px) {
div.Footer-inner>div:not(:last-child) {
    padding-left: 48px;
    padding-right: 48px;
}
}
@media screen and (max-width:768px) {
div.Footer-inner>div:not(:last-child) {
    padding-left: 36px;
    padding-right: 36px;
}
}

Your Footer width has 1420px limit. You need to remove the limit first.

/* Footer green bar */
.Footer-inner {
    max-width: 100% !important;
    width: 100% !important;
}
div#footerBlocksTop {
    max-width: 1420px;
    margin: 0 auto;
}

11 minutes ago, tuanphan said:

oterBlocksTo

@tuanphan Thanks a bunch!