diff --git a/pages/_data/menu.yml b/pages/_data/menu.yml
index 7121eeecc..d565fe901 100644
--- a/pages/_data/menu.yml
+++ b/pages/_data/menu.yml
@@ -21,7 +21,6 @@ docs:
 
 changelog:
   url: changelog.html
-  active: true
   title: Changelog
   icon: file-plus
   label: v1.0.0
diff --git a/pages/_docs/alerts.md b/pages/_docs/alerts.md
index 6af70bfd7..f1a7c8ab0 100644
--- a/pages/_docs/alerts.md
+++ b/pages/_docs/alerts.md
@@ -1,5 +1,6 @@
 ---
 title: Alerts
+menu: docs.alerts
 ---
 
 Bootstrap provides an easy way to create predefined alert messages.
diff --git a/pages/_docs/avatars.md b/pages/_docs/avatars.md
index a9186400c..a0f2f44c8 100644
--- a/pages/_docs/avatars.md
+++ b/pages/_docs/avatars.md
@@ -1,5 +1,6 @@
 ---
 title: Avatars
+menu: docs.avatars
 ---
 
 Create and group avatars of various shapes and sizes with one component.
diff --git a/pages/_includes/layout/sidenav-content.html b/pages/_includes/layout/sidenav-content.html
index 241e8fe8a..c22e7192a 100644
--- a/pages/_includes/layout/sidenav-content.html
+++ b/pages/_includes/layout/sidenav-content.html
@@ -36,6 +36,27 @@
                </li>
                {% endfor %}
                {% endif %}
+
+               {% for p in item[1].children %}
+               <li class="nav-item">
+                  <a href="{% if p[1].url %}{{ p[1].url }}{% else %}#{% endif %}" class="nav-link">
+                     {{ p[1].title }}
+                  </a>
+                  {% if p[1].children %}
+                  <div class="collapse navbar-collapse" id="sidebar-{{ p[0] }}">
+                     <ul class="nav nav-sm flex-column">
+                        {% for r in p[1].children %}
+                        <li class="nav-item">
+                           <a href="{% if r[1].url %}{{ r[1].url }}{% else %}#{% endif %}" class="nav-link">
+                              {{ r[1].title }}
+                           </a>
+                        </li>
+                        {% endfor %}
+                     </ul>
+                  </div>
+                  {% endif %}
+               </li>
+               {% endfor %}
             </ul>
          </div>
          {% endif %}