Archived topic
How to Force Footer to Bottom of Viewport
3 replies · Started by Michael on August 2, 2019
Hi,
Is there any way to force the footer and copyright sections to the bottom of the viewport . . . so they are not left floating in the middle when there's just a small amount of content on the page?
I've tried this code from the forum (https://generatepress.com/forums/reply/891498/), which partially works, but it's not quite right, it places the copyright section partially below the bottom of the viewport:
html,
body {
height: 100%;
}
body {
display: flex;
flex-direction: column;
}
#page {
flex: 1 0 auto;
width: 100%;
}
See live example at included URL: https://claimexperts.co/upload-claim-files/
Hi there,
try this instead:
html,
body {
height: 100%;
}
body {
display: flex;
flex-direction: column;
}
#page {
width: 100%;
}
.site-footer {
margin-top: auto;
}Perfect. Thanks!
Glad to be of help
