Hi Sam,
You can try the “flexbox” approach provided on the link you’ve given.
You can try this code:
html, body {
height: 100%;
}
body {
display: flex;
flex-direction: column;
}
#page {
flex: 1 0 auto;
}
.site-footer{
flex-shrink: 0;
}
#page
is GP theme’s id selector for content. .site-footer
is the class selector for its footer. This should work assuming no stray blocks are added between the content and the footer.
Let us know if it works for you.
A wise man once said:
"Have you cleared your cache?"