SideNav

The official dropdown documentation is at http://materializecss.com/side-nav.html and below are some tips.

Getting fixed sidenav to not cover main content

SideNav can be set to start open on a desktop display by giving it the fixed class. However, this can result in the sidenav covering your main content.

In that case, giving an appropriate padding-left to your main content solves the problem. In the case of materialize home page, the following rules are provided:

header, main, footer {
  padding-left: 240px; }

@media only screen and (max-width : 992px) {
  header, main, footer {
    padding-left: 0; }
 }

240px being the default width of sidenav.