Make footer stick to the bottom of the screen

This custom CSS code works with any Elegant Themes theme. It can be used to make footer stick to the bottom of the screen.

When logged into WordPress navigate to Divi >> Theme Options and in the custom CSS box at the bottom, place the following code:

#main-footer {
position:fixed;
left:0px;
bottom:0px;
height:50px;
width:100%;
z-index: 9999;
}

Hide Elegant Themes footer widgets

This custom CSS code works with any Elegant Themes theme. It can be used when custom footer widget areas appear in parts of the site and you do not want them to be displayed in the footer.

When logged into WordPress navigate to Divi >> Theme Options and in the custom CSS box at the bottom, place the following code:

.footer-widget {
display: none;
}