Footer Not Fixed to Bottom when sidebar is diabled

  • When sidebar is disabled, the footer doesn’t stick to the bottom of the page.

  • Hi,

    This is expected behavior. Once enough content is on the page, the layout will flow down.

  • Anyway to keep it fixed to the bottom?

  • Hi,

    You can fix this by adding the following to Appearance → Customize → Additional CSS:

    body {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
    }
    
    #page {
        flex: 1;
        width: 100%;
    }

    This pushes the footer to the bottom of the viewport on short pages without affecting the layout on content-heavy pages.

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