[Resolved] hidden footer, appear on scroll

[Tyler]

What’s the most lightweight code to implement properly to get a GP site footer like this:
https://www.cera-groupecera.com/en/

[David]

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 */
    }
}

[Author]

Posts