Let’s say you have a page where there is not enough content on the page to push the footer to the bottom, and the footer background is a different color than your page content. This presents a bad look, as the footer appears to be floating up on the page.
This code snippet ensures the footer is always placed at the bottom of the page. Ensure you add this code snippet so it applies to your entire website (i.e., globally).
body {
min-height: 100vh;
display: flex;
flex-direction: column;
}
.elementor-location-footer {
margin-top: auto;