[Support request] Sticky Footer

Home Forums Support Sticky Footer

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1358132
    John

    Hi,

    I was having difficulty finding CSS to keep the footer bar at the bottom of the browser frame when there isn’t much content. This worked and I’m wondering if it can be written even more concisely.

    .site-footer{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    }

    #1358163
    David
    Staff
    Customer Support

    Hi there,

    thats probably as elegant as it gets 🙂

    You may want to add some bottom margin to your Body:

    body {
        margin-bottom: 60px; /* set to height of footer */
    }

    This means nothing gets hidden by your fixed footer.

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.