Fix mobile menu and reduced sidebar height

diff --git a/app/assets/javascripts/application.js b/app/assets/javascripts/application.js
index cecceaf3563b9bf210cff59669e4a7c73b1d1373..83c17b6ecfca4281de4cf3a6652c5d78640dd76a 100644 (file)
--- a/app/assets/javascripts/application.js
+++ b/app/assets/javascripts/application.js
@@ -134,4 +134,8 @@ $(document).ready(function () {
   $("#menu-icon").on("click", function() {
     $("header").toggleClass("closed");
   });
+
+  $("nav.primary li a").on("click", function() {
+    $("header").toggleClass("closed");
+  });
 });

diff --git a/app/assets/stylesheets/small.css.scss b/app/assets/stylesheets/small.css.scss
index 144bbd9b4b4ecb1bfb0c3e423f12594704f2c8e0..d6fb6f7580cfb54dc125360a5ae63b8385637133 100644 (file)
--- a/app/assets/stylesheets/small.css.scss
+++ b/app/assets/stylesheets/small.css.scss
@@ -95,7 +95,7 @@ nav.secondary {
     width: 100%;
     position: fixed;
     top: 58px;
-    height: 370px;
+    height: 240px;
     overflow-x: hidden;
     z-index: 1;
     background: #fff;