From 7c2b5cca4bb5bd23b774e43bd07dc4c5e9806f4a Mon Sep 17 00:00:00 2001
From: as027811 <alex.bezek@cerner.com>
Date: Tue, 20 Oct 2020 22:49:43 -0400
Subject: [PATCH] Add document data and aria attributes to collapse the nav bar
 in mobile when an item is clicked

---
 layouts/partials/navigators/navbar.html | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/layouts/partials/navigators/navbar.html b/layouts/partials/navigators/navbar.html
index e947bf8..26b7848 100644
--- a/layouts/partials/navigators/navbar.html
+++ b/layouts/partials/navigators/navbar.html
@@ -31,7 +31,16 @@
     <div class="collapse navbar-collapse" id="top-nav-items">
       <ul class="navbar-nav ml-auto">
         <li class="nav-item">
-          <a class="nav-link" href="#home">{{ i18n "home" }}</a>
+          <a
+            class="nav-link"
+            href="#home"
+            data-toggle="collapse"
+            data-target=".navbar-collapse"
+            aria-controls="collapseExample"
+            role="button"
+          >
+            {{ i18n "home" }}
+          </a>
         </li>
         {{ if $sections }}
           {{ range sort $sections "section.weight" }}
@@ -41,7 +50,15 @@
                 {{ $sectionID = .section.id }}
               {{ end }}
               <li class="nav-item">
-                <a class="nav-link" href="#{{ $sectionID }}">{{ .section.name }}</a>
+                <a
+                  class="nav-link"
+                  href="#{{ $sectionID }}"
+                  data-toggle="collapse"
+                  data-target=".navbar-collapse"
+                  aria-controls="collapseExample"
+                >
+                  {{ .section.name }}
+                </a>
               </li>
             {{ end }}
           {{- end }}