2martens/2martens.de
1
0
Fork 0
Code Issues 3 Pull Requests Releases Wiki Activity

Fixed overlay issues of main and sub menu on small devices

Browse Source 
Signed-off-by: Jim Martens <github@2martens.de>
This commit is contained in:
Jim Martens
2017-12-29 10:27:06 +01:00
parent 49deb030e2
commit 580d0186b6
2 changed files with 12 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
_assets/js/main.js
View File

@ -1,3 +1,14 @@
//= require popper //= require popper
//= require bootstrap/util //= require bootstrap/util
//= require bootstrap/collapse //= 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');
});
});

2
_includes/header.html
View File

@ -1,5 +1,5 @@
<header class="site-header"> <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"> <div class="container">
<a class="navbar-brand" href="{{ site.baseurl }}/"> <a class="navbar-brand" href="{{ site.baseurl }}/">
<img src="{{ site.data.author.brand_logo }}" width="30" height="30" class="d-inline-block align-top" <img src="{{ site.data.author.brand_logo }}" width="30" height="30" class="d-inline-block align-top"