[Resolved] Sticky Footer covering content

Home Forums Support [Resolved] Sticky Footer covering content

Home Forums Support Sticky Footer covering content

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #929263
    Adam

    Hi there,

    I want to have the footer stuck to the bottom of the page and used the following (which I found in another of your forum threads):

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

    However, when I use this, it then partially covers content that’s at the bottom of the page (that would normally sit just above the footer).

    Is there a simple way to have it clear that content, or a site-wide bit of code that adds extra space to the bottom of all the pages?

    Regards,

    Adam

    #929267
    David
    Staff
    Customer Support

    Hi there,

    yep just need to add some bottom margin, that matches the height of the footer, to the page.

    #page {
        margin-bottom: 61px;
    }
    #929297
    Adam

    Perfect!

    Thanks for your quick response. Worked just as hoped.

    Thank you,

    Adam

    #929314
    David
    Staff
    Customer Support

    You’re welcome

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