--- layout: examples title: Sticky Footer Navbar Template extra_css: - "sticky-footer-navbar.css" html_class: "h-100" body_class: "d-flex flex-column h-100" ---

# Sticky footer with fixed navbar

Pin a footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS. A fixed navbar has been added with `padding-top: 60px;` on the `main > .container`.

Back to }}">the default sticky footer minus the navbar.