/ all snippets

Remove Empty Space Below the Footer

This CSS snippet removes the empty space below the footer when the content of the page is too sort. You can add this snippet to Site Settings.

If you don't have Elementor Pro, you can replace the prefix of "selector" with a CSS class you can define yourself. To add the CSS snippet, you can use the HTML widget.

Download Elementor Pro

body, html {
    height: 100%;
}

.elementor-page {  
    display: flex; 
    flex-direction: column; 
    min-height: 100vh;
}

.elementor-location-footer {
    margin-top: auto;
}