title: Hide paper-header-panel by default
body: <p>I'm playing around with Polymer project and want to create a layout similiar to Google Play Music (<a href="https://play.google.com/music" rel="nofollow">https://play.google.com/music</a>).</p>
  
  <p>How can I hide the drawer by default and display the icon? Basically the small screen behavior of paper-drawer-panel should be forced.
  How can I create a app toolbar similiar to Play Music?</p>
  
  <p>Thanks in advanced.</p>
  
  <pre><code>&lt;body unresolved class="fullbleed layout vertical"&gt;
      &lt;span id="browser-sync-binding"&gt;&lt;/span&gt;
      &lt;template is="dom-bind" id="app"&gt;
  
          &lt;paper-drawer-panel responsiveWidth="9999px"&gt;
  
              &lt;paper-header-panel drawer&gt;
                  &lt;paper-toolbar&gt;
                      &lt;div&gt;Application&lt;/div&gt;
                  &lt;/paper-toolbar&gt;
                  &lt;div&gt;Drawer content...&lt;/div&gt;
              &lt;/paper-header-panel&gt;
  
              &lt;paper-header-panel main&gt;
                  &lt;paper-toolbar&gt;
                      &lt;paper-icon-button icon="menu" paper-drawer-toggle&gt;&lt;/paper-icon-button&gt;
                      &lt;div&gt;Title&lt;/div&gt;
                  &lt;/paper-toolbar&gt;
                  &lt;div&gt;Main content...&lt;/div&gt;
              &lt;/paper-header-panel&gt;
  
          &lt;/paper-drawer-panel&gt;
  
      &lt;/template&gt;
  &lt;/body&gt;
  </code></pre>