Ok, there’s a quick fix, but you need to go through your stylesheet and html and correct some of the errors.
To fix the issue, you can simply add/change the margin on your body to 0 for top, right, bottom, and left. So change the following margin-top
–
body {
background: #f2f2f2;
color: #333;
font-family: 'Open Sans',"Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 18px;
font-size: 1.125rem;
font-weight: 400;
line-height: 1.625;
margin-top: 0 !important;
}
And replace it with this –
body {
background: #f2f2f2;
color: #333;
font-family: 'Open Sans',"Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 18px;
font-size: 1.125rem;
font-weight: 400;
line-height: 1.625;
margin: 0 !important;
}
………so that it covers all margins instead of just the top.
This helps remove the space you’re seeing for now, but you’ll still need to figure out what you did to cause the issue. it’s definitely not something that was caused by the theme, because by default the theme doesn’t have that issue show up….on any site that I’ve seen here using it. So you must have added something by mistake that caused this to appear. I would check this – and this – to figure out where your errors are coming from. It could be something as simple as a typo in your custom code that you added. For example, I did see on line 1637 “Home Feature 8” you forgot to add a #
to the color –
/* Home Feature 8 */
.home-feature-8 {
margin: 0;
width: 100%;
background: f7f7f7 !important;
}
Things like this can cause the type of issues you’re having in some cases. I would run both of those links each time you find issues on your site.
Hope this helps!