Search code examples
angular2-mdl

Hide AppBar menu on desktop (large width screens)

I want to show/hide the menu icon (the 3 horizontal bars below) in the AppBar depending on the width of the screen. Is there a directive or a css class that makes this possible?

enter image description here

Solution

  • Fixed this by adding class "mdl-layout--small-screen-only" to the div containing the md-icon in mdl-layout.component.js.