How to place “mat-toolbar” on top of “mat-sidenav” Angular Material 5

Question

I\'m writing here since I have a question about Mat Toolbar and Mat-sidenav from Angular Material. I\'m trying to get the Sidenav to go under the toolbar and the toolbar alw

Answer 1

.example-mat-toolbar {
    position: sticky;
    position: -webkit-sticky; /* For macOS/iOS Safari */
    top: 0; 
    z-index: 10;
}
.example-sidenav-container {
    position: relative;
    height: 100%;
    display: block;
    transform: inherit;
}