Add link in mobile version to scroll to menu

template/scss/_menu.scss

@@ -9,7 +9,17 @@
     > .nav-item {
         display: block;
         background-color: c.$light-gray;
-        padding: 5px 10px;
+    }
-        border-radius: 5px;
+}
+
+#link-to-mobile-menu {
+    padding: 0 15px;
+
+    > a {
+        border: 1pt solid c.$black;
+        padding: 5px 10px;
+
+        text-decoration: none;
+        color: inherit;
     }
 }

template/scss/_positions.scss

@@ -35,6 +35,12 @@ body {
     }
 }
 
+#link-to-mobile-menu {
+    @include r.normal {
+        display: none;
+    }
+}
+
 #footer {
     padding: 2px 0;
     color: $light-gray;

template/src/index.php

@@ -35,12 +35,17 @@ JHtml::_('script', 'user.js', array('version' => 'auto', 'relative' => true));
 	<div class="black-background"></div>
 </div>
 
+<div id="link-to-mobile-menu">
+	<a href="#menu">Menu</a>
+</div>
+
 <div id="main-row">
 	<div id="main">
 		<jdoc:include type="component" />
 	</div>
 
 	<div id="menu">
+		<a target="menu"></a>
 		<jdoc:include type="modules" name="menu" />
 	</div>
 </div>