Overlay vertical sidebar on top of content

Question

How can I overlay vertical sidebar when expanded, rather than pushing content to the right?

https://stackblitz.com/edit/clarity-sgfqmc

Answer 1

Use fixed position:

.clr-vertical-nav {
   position: fixed;
   height: 100%;
}

You will also need to use margin on your content to make sure it is not partly covered when menu is closed.

.content-area {
   margin-left: 2rem;
}