Show mock smaller nav on smaller screens

styles/elements/_sidenav.scss

@@ -1,4 +1,10 @@
 .sidenav {
+  @include hide;
+
+  @include media($large-screen) {
+    @include unhide;
+  }
+
   width: 25rem;
   box-shadow: 0 6px 18px 0 rgba(48,58,65,0.15);
 
@@ -140,3 +146,13 @@
     }
   }
 }
+
+.sidenav--minimized {
+  @extend .sidenav;
+
+  @include unhide;
+
+  @include media($large-screen) {
+    @include hide;
+  }
+}

templates/portfolios/base.html

@@ -20,6 +20,10 @@
       {{ Icon("plus", classes="sidenav__link-icon") }}
     </a>
   </div>
+
+  <div class="global-navigation sidenav--minimized">
+    <div class="sidenav__title">Show >>></div>
+  </div>
 {% endblock %}
 
 {% block content %}