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

A very simple way to do this is to add z-index to 10 in your mat-toolbar. Here is the css for that.

.mat-toolbar-example{
  position: fixed;
  z-index:10;
}