Bootstrap 4 fixed top nav and fixed sidebar

Question

This is a great example of how to create a navbar with a sidebar. Can anyone modify the code so that the top nav is top-fixed and the sidebar fixed/static with only the main pag

Answer 1

The sticky-top is working, but it doesn't appear to be working for two reasons...

1. There isn't enough content in the main content area to scroll
2. It's positioned at top:0 so it hides behind the fixed navbar

Add CSS to offset the top of the sidebar (the same as height of fixed navbar).

.sticky-offset {
    top: 56px;
}

..(sidebar)..