With the Divi theme, on short pages, the Footer always floats up towards the middle of the page and looks weird. Below is some CSS to push the footer to the bottom of the page. This code came from Tom Greer at TRGWebDev.com. If it doesn't work for you, visit that link because he's got additional versions of the code that work when using Divi Page Builder.


#page-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column;
flex-flow: column;
min-height: 100vh;
}
#et-main-area {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-flow: column;
flex-flow: column;
}
#et-main-area, #main-content {
-webkit-box-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}