[Resolved] hidden footer, appear on scroll

Home Forums Support hidden footer, appear on scroll

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #971537
    Tyler

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

    #971604
    David
    Staff
    Customer Support

    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 */
        }
    }
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.