You have this CSS that prevents any element from going full-width of the page.
@media (min-width: 769px)
body {
margin: 0 30px;
}
It’s adding 30px left and right margin to the body tag of the page, preventing the footer, (body’s child element), from going to full width of the page.