fixing side nav display issue (#43)

Co-authored-by: Danita <[email protected]>
GSA · Jan 12, 2022 · d3bc1d0 · d3bc1d0
1 parent 4f807e7
commit d3bc1d0
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/.gitignore b/.gitignore
@@ -4,3 +4,4 @@ _site
 node_modules
 .bundle
 .jekyll-cache/
+vendor/
diff --git a/_includes/sidenav.html b/_includes/sidenav.html
@@ -3,7 +3,7 @@
 _layouts/page.html layout template, or you can add "sidenav: true" in the front-matter of your pages
 {% endcomment %}
 
-<aside class="usa-layout-docs-sidenav desktop:grid-col-3 padding-bottom-4">
+<aside class="tablet:grid-col-3 padding-bottom-4 display-none tablet:display-block">
   <nav>
     <ul class="usa-sidenav">
       <li class="usa-sidenav__item">

diff --git a/_layouts/page.html b/_layouts/page.html
@@ -10,10 +10,10 @@
   <div class="grid-container">
     <div class="grid-row grid-gap">
       {% if page.sidenav == true %}
-      {% include sidenav.html %}
-      {% endif %}
-      <main>
-        <div class="usa-layout-docs__main desktop:grid-col-9 usa-prose">
+       {% include sidenav.html %}
+-      {% endif %}
+      <main class="tablet:grid-col-9">
+        <div class="usa-layout-docs__main usa-prose">
             {{ content }}
         </div>
       </main>
-Original file line number
+Diff line change
@@ Expand Up / @@ -4,3 +4,4 @@ _site @@
     node_modules
     .bundle
     .jekyll-cache/
+    vendor/