{{> masthead-compact}}
De-compact the masthead
{{#markdown}}
This pattern works by tweaking the standard `.masthead-inner`.
To enabele we add the responsive `.columns` classes and `.compact-for-data` is added to `header.masthead`. We can also add `.compact-disabled` to dynamically disable the responsive nature.
Some guidance:
- Only use this pattern on data orient pages. So don't use it on the landing page or about page.
- We don't recommend using the `data-sticky-container` on the masthead, after all the focus is meant to be on the data.
- You may want to add `.colapse` to `.masthead-inner.row` to remove margins on the child columns.
- Don't use the sticky property for the global header
In v1.2 we've [already shaved 10px off the black bar](https://github.com/ebiwd/EBI-Framework/issues/21), but the need remains for a yet-thinner `div#masthead` on inside pages that are search-result or data focused. In all it's 56% thinner than the current look.
{{/markdown}}