nav ul a, nav .brand-logo { color: #444; } .sidenav-trigger { color: #26a69a; } body { display: flex; min-height: 100vh; flex-direction: column; } main { flex: 1 0 auto; } header, main, body>nav, footer { padding-left: 300px; } @media only screen and (max-width : 992px) { header, main, body>nav, footer { padding-left: 0; } }