2020-08-30 17:47:50 +03:00
|
|
|
---
|
|
|
|
template: overrides/main.html
|
|
|
|
---
|
|
|
|
|
|
|
|
# Setting up the header
|
|
|
|
|
|
|
|
Material for MkDocs' header can be customized to show an announcement bar that
|
|
|
|
disappears upon scrolling, and provides some options for further configuration.
|
|
|
|
It also includes the [search bar][1] and a place to display your project's
|
|
|
|
[git repository][2], as explained in those dedicated guides.
|
|
|
|
|
|
|
|
[1]: setting-up-site-search.md
|
|
|
|
[2]: adding-a-git-repository.md
|
|
|
|
|
|
|
|
## Configuration
|
|
|
|
|
|
|
|
### Automatic hiding
|
|
|
|
|
|
|
|
[:octicons-file-code-24: Source][3] ·
|
|
|
|
:octicons-unlock-24: Feature flag ·
|
|
|
|
:octicons-beaker-24: Experimental ·
|
|
|
|
[:octicons-heart-fill-24:{: .tx-heart } Insiders only][3]{: .tx-insiders }
|
|
|
|
|
2020-09-19 17:55:20 +03:00
|
|
|
When _autohiding_ is activated, the header is automatically hidden when the
|
2020-08-30 17:47:50 +03:00
|
|
|
user scrolls past a certain threshold, leaving more space for content. It can
|
|
|
|
be enabled via `mkdocs.yml` with:
|
|
|
|
|
|
|
|
``` yaml
|
|
|
|
theme:
|
|
|
|
features:
|
2020-09-19 16:49:05 +03:00
|
|
|
- header.autohide
|
2020-08-30 17:47:50 +03:00
|
|
|
```
|
|
|
|
|
|
|
|
[3]: ../insiders.md
|
|
|
|
|
|
|
|
## Customization
|
|
|
|
|
|
|
|
### Announcement bar
|
|
|
|
|
|
|
|
Material for MkDocs includes an announcement bar, which is the perfect place to
|
|
|
|
display project news or other important information to the user. When the user
|
|
|
|
scrolls past the header, the bar will automatically disappear. In order to add
|
2020-10-04 16:09:16 +03:00
|
|
|
an announcement bar, [extend the theme][4] and [override the `announce`
|
|
|
|
block][5], which is empty by default:
|
2020-08-30 17:47:50 +03:00
|
|
|
|
|
|
|
``` html
|
|
|
|
{% block announce %}
|
|
|
|
<!-- Add your announcement here, including arbitrary HTML -->
|
|
|
|
{% endblock %}
|
|
|
|
```
|
|
|
|
|
2020-10-04 16:09:16 +03:00
|
|
|
[4]: ../customization.md#extending-the-theme
|
|
|
|
[5]: ../customization.md#overriding-blocks
|