Archived topic

Content Scroll Up to Reveal Footer

1 reply · Started by Justin on August 27, 2018

Viewing posts 1–2 of 2

August 27, 2018 at 7:49 pm #661771

Hi there, I was wondering if it is possible to achieve a similar footer reveal effect to this with only CSS:
https://codepen.io/nickcil/pen/Eoqiv

I saw the other help topic but I believe the OP didn't mention how they eventually resolved it.

Thanks!
-Justin

August 28, 2018 at 5:24 am #662059

Hi there,

this CSS provides the basic requirements:

@media (max-width: 1024px) {
    .site-footer {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1;
    }

    #page {
        margin-bottom: 250px; /* adjust to the height of the footer */
    }
}

The media query limits it to desktop.

This archived topic is closed to new replies.

Start building better websites today.