diff --git a/docs/userGuide/syntax/siteNavigationMenus.mbdf b/docs/userGuide/syntax/siteNavigationMenus.mbdf
index eedcc46b54..286062e4ce 100644
--- a/docs/userGuide/syntax/siteNavigationMenus.mbdf
+++ b/docs/userGuide/syntax/siteNavigationMenus.mbdf
@@ -3,26 +3,26 @@
**A _Site Navigation Menu_ (==_siteNav_ for short==) is a fixed menu on the ==left edge== of a page**, that can be used to show a road map of the main pages of your site.
Steps to add a siteNav:
-1. Format your siteNav as an unordered Markdown list and save it inside the `_markbind/navigation` directory.
+1. Format your siteNav as an unordered Markdown list and save it inside the `_markbind/navigation` directory. You may include dividers in the siteNav via horizontal rules.
2. Specify the file as the value of the `siteNav` attribute in the `` of the page.
{{ icon_example }} Here is an example siteNav code saved in **`_markbind/navigation/`**`mySiteNav.md` file:
-
-
-
-* [:house: Home]({{ showBaseUrlText }}/index.html)
-* Docs
- * [User Guide]({{ showBaseUrlText }}/ug.html)
- * [Dev Guide]({{ showBaseUrlText }}/dg.html)
-* [Search]({{ showBaseUrlText }}/search.html)
- * [Google Search](https://www.google.com/)
- * [YouTube Search](https://www.youtube.com/)
-* [Contact]({{ showBaseUrlText }}/contact.html)
-
-
+```{.no-line-numbers}
+* [:house: Home]({{ baseUrl }}/index.html)
+---
+* Docs
+ * [User Guide]({{ baseUrl }}/ug.html)
+ * [Dev Guide]({{ baseUrl }}/dg.html)
+---
+* [Search]({{ baseUrl }}/search.html)
+ * [Google Search](https://www.google.com/)
+ * [YouTube Search](https://www.youtube.com/)
+---
+* [Contact]({{ baseUrl }}/contact.html)
+```
Here's how another page can make use of the above siteNav:
@@ -37,6 +37,7 @@ Here's how the above siteNav will appear: