I copied this sidenav demo from the angular material docs.
<https://material.angularjs.org/latest/demo/sidenav>

And added the first toolbar demo to it from <https://material.angularjs.org/latest/demo/toolbar>

What I want is the toolbar to be fixed.

Codepen demo: <http://codepen.io/gvorster/pen/BzWvGe>

When adding this style the toolbar is fixed.

```
<md-toolbar class="md-hue-2" style="position:fixed !important">

```

But the icons on the right are gone.

[![enter image description here](https://i.stack.imgur.com/tvxB5.png)](https://i.stack.imgur.com/tvxB5.png)

Resizing the screen until the sidenav is hidden will show the right side icons.

[![enter image description here](https://i.stack.imgur.com/RwH19.png)](https://i.stack.imgur.com/RwH19.png)

Removing the style shows the right side icons but the toolbar is not fixed:

[![enter image description here](https://i.stack.imgur.com/TaNKe.png)](https://i.stack.imgur.com/TaNKe.png)

Is there a way to get a sticky toolbar and have the rigth side icons shown.