Position app-drawer underneath app-header
<p>Using the template from starter kit 2, is it possible to have the app drawer below the <code>app-header</code>? Right now the app drawer starts from the top of viewport and is columnized next to <code>app-header</code>. </p>

<p>I would like my app to be like google keep and google cloud console where the app header spans the entire width of the viewport and the app drawer begins underneath.</p>

<p>After reading the element catalog for <code>app-layout</code>, I did not see a offical api/attribute to set this. I've tried a few things but no success:</p>

<pre><code>&lt;app-drawer-layout fullbleed&gt;
  &lt;!-- Drawer content --&gt;
    &lt;app-header condenses reveals effects="waterfall"&gt;
      &lt;app-toolbar&gt;
        &lt;paper-icon-button icon="menu" drawer-toggle&gt;&lt;/paper-icon-button&gt;
        &lt;div main-title&gt;My App&lt;/div&gt;
      &lt;/app-toolbar&gt;
    &lt;/app-header&gt;

  &lt;app-drawer&gt;
    &lt;app-toolbar&gt;Menu&lt;/app-toolbar&gt;
    &lt;iron-selector selected="[[page]]" attr-for-selected="name" class="drawer-list" role="navigation"&gt;
      &lt;a name="view1" href="/view1"&gt;View One&lt;/a&gt;
      &lt;a name="view2" href="/view2"&gt;View Two&lt;/a&gt;
      &lt;a name="view3" href="/view3"&gt;View Three&lt;/a&gt;
    &lt;/iron-selector&gt;
  &lt;/app-drawer&gt;
</code></pre>

<p><a href="https://i.stack.imgur.com/FyOrN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FyOrN.png" alt="enter image description here"></a></p>