Empty White Space Above Footer

I’m not an expert… But what I usually do is first identify which div or other element is creating the space. To visualize this I usually add a colored border to each element as below:

.someClass1{
border: 1px solid pink;
}
.someClass2{
border: 1px solid blue;
}

etc…

From there I can identify which element to move.

Perhaps you need to set your margins. Set margin-top: 0px; on the elements in question see if that fixes the problem.