Archived topic
hidden footer, appear on scroll
1 reply · Started by Tyler on July 30, 2019
Viewing posts 1–2 of 2
What's the most lightweight code to implement properly to get a GP site footer like this:
https://www.cera-groupecera.com/en/
Hi there.
you could do this with some CSS - the basics of it are this:
.site-footer {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
}
#page {
margin-bottom: 200px;
/* Set margin bottom to height of footer - desktop */
}
@media (max-width: 1024px) {
#page {
margin-bottom: 400px;
/* Set margin bottom to height of footer - tablet */
}
}
@media (max-width: 768px) {
#page {
margin-bottom: 600px;
/* Set margin bottom to height of footer - mobile */
}
}
This archived topic is closed to new replies.
