hover nav on mobile

src/components/NavBar.vue

@@ -63,8 +63,19 @@ export default {
   }
 }
 </script>
-<style scoped>
+<style scoped lang="scss">
+@import "@/style/_variables.scss";
 .nav-title {
   font-weight: bold;
 }
+@media screen and (max-width: $navbar-breakpoint) {
+  .navbar {
+    position: relative
+  }
+  .navbar-menu {
+    position: absolute;
+    left: 0;
+    right: 0;
+  }
+}
 </style>