Remove extra Header and Footer Spaces

Hi John-

If I understand you correctly, you’re talking about the blue bar that shows up just below your site header, and the blue bar that shows up at the very bottom of your site. If that’s right, you can get rid of these completely with a little bit of Custom CSS.

Navigate to Customize > Advanced > Custom JS & CSS and paste these lines into your Custom Theme CSS:

.entry-content {
    padding: 0px;
}
.site-footer {
    max-height: 0px;
}
div[class*="footer-"] {
    min-height: 0px;
}