diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 29ad5768d7..7fe52cddaa 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -3,7 +3,7 @@
{{ partial "head.html" . }}
-
+
{{ partial "navbar.html" . }}
diff --git a/layouts/blog/baseof.html b/layouts/blog/baseof.html
index 01ea1eaffb..4372bf31d6 100644
--- a/layouts/blog/baseof.html
+++ b/layouts/blog/baseof.html
@@ -3,7 +3,7 @@
{{ partial "head.html" . }}
-
+
{{ partial "navbar.html" . }}
diff --git a/layouts/docs/baseof.html b/layouts/docs/baseof.html
index 210b6af52a..b89b24ad07 100644
--- a/layouts/docs/baseof.html
+++ b/layouts/docs/baseof.html
@@ -3,7 +3,7 @@
{{ partial "head.html" . }}
-
+
{{ partial "navbar.html" . }}
diff --git a/layouts/docs/baseof.print.html b/layouts/docs/baseof.print.html
index 41e0659b3e..ad3edb19c7 100644
--- a/layouts/docs/baseof.print.html
+++ b/layouts/docs/baseof.print.html
@@ -3,7 +3,7 @@
{{ partial "head.html" . }}
-
+
{{ partial "navbar.html" . }}
diff --git a/userguide/content/en/docs/adding-content/lookandfeel.md b/userguide/content/en/docs/adding-content/lookandfeel.md
index 9e46c4a9c9..8e8ced9493 100644
--- a/userguide/content/en/docs/adding-content/lookandfeel.md
+++ b/userguide/content/en/docs/adding-content/lookandfeel.md
@@ -337,3 +337,20 @@ Both `head.html` and `scripts.html` are then used to build Docsy's [base page la
```
+## Adding custom attributes to the body element
+
+Sometimes it's useful to assign custom attributes to a page, or to an entire section. Docsy automatically adds the value of the `body_attribute` parameter of the frontmatter as an attribute of the `body` element of the page.
+
+For example, to add the `data-pagefind-filter="section:4.0"` attribute, add the following line to the frontmatter of the page:
+
+```toml
+body_attribute: data-pagefind-filter="section:4.0"
+```
+
+The output of the page will look something like:
+
+```html
+
+```
+
+To apply the custom attribute to every page of a section or a directory, use the [Front Matter Cascade](https://gohugo.io/content-management/front-matter/#front-matter-cascade) feature of Hugo in your configuration file, or in the frontmatter of the highest-level page you want to modify.