remove white space under footer code example
Example 1: css remove white space below footer
<body>
<section>
This is content of the page
</section>
<footer>
Text of footer
</footer>
</body>
section {
min-height: 100vh; /* minus the height of the footer */
}
Example 2: how to remove white space under footer
html,
body {
height: 100%;
position: relative;
}
.site-content {
min-height: 100vh; /* will cover the 100% of viewport */
overflow: hidden;
display: block;
position: relative;
padding-bottom: 100px; /* height of your footer */
}
footer {
position: absolute;
bottom: 0;
width: 100%;
}