From 580d0186b6d2b0d60238de0907aa5c557ad9e471 Mon Sep 17 00:00:00 2001
From: Jim Martens <github@2martens.de>
Date: Fri, 29 Dec 2017 10:27:06 +0100
Subject: [PATCH] Fixed overlay issues of main and sub menu on small devices

Signed-off-by: Jim Martens <github@2martens.de>
---
 _assets/js/main.js    | 11 +++++++++++
 _includes/header.html |  2 +-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/_assets/js/main.js b/_assets/js/main.js
index 6f45341..1026b98 100644
--- a/_assets/js/main.js
+++ b/_assets/js/main.js
@@ -1,3 +1,14 @@
 //= require popper
 //= require bootstrap/util
 //= require bootstrap/collapse
+
+"use strict";
+$(function() {
+    let mainMenu = $('#mainmenuNavbar');
+    mainMenu.on('show.bs.collapse', function (e) {
+        $('#submenuNavbar').addClass('invisible');
+    });
+    mainMenu.on('hidden.bs.collapse', function (e) {
+        $('#submenuNavbar').removeClass('invisible');
+    });
+});
\ No newline at end of file
diff --git a/_includes/header.html b/_includes/header.html
index eeb4960..31fe1f5 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -1,5 +1,5 @@
 <header class="site-header">
-    <nav class="navbar navbar-expand-lg navbar-light fixed-top">
+    <nav id="mainmenuNavbar" class="navbar navbar-expand-lg navbar-light fixed-top">
         <div class="container">
             <a class="navbar-brand" href="{{ site.baseurl }}/">
                 <img src="{{ site.data.author.brand_logo }}" width="30" height="30" class="d-inline-block align-top"