diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 8cbf7f3..ac0e4c7 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -33,11 +33,7 @@ - +{{ if $.Param "mobilemenu" }}{{ partial "mobilemenu.html" . }}{{ end -}} {{ partial "scripts.html" . -}} {{ partialCached "scripts_cache.html" . -}} diff --git a/layouts/partials/mobilemenu.html b/layouts/partials/mobilemenu.html new file mode 100644 index 0000000..aa0e8d3 --- /dev/null +++ b/layouts/partials/mobilemenu.html @@ -0,0 +1,5 @@ + diff --git a/static/js/script.js b/static/js/script.js index d82655e..d57c8a1 100644 --- a/static/js/script.js +++ b/static/js/script.js @@ -11,15 +11,15 @@ $('html').removeClass('nojs').addClass('js'); // Activate the mobil menu for small screens. - if (window.matchMedia) { + if (window.matchMedia && $('.mobile-nav-wrapper').length) { var mq = window.matchMedia('(max-width: 666px)'); if (mq.matches) { // Show mobile menu. $('.mobile-nav-wrapper').removeClass('hidden'); // Populate the mobile nav sheet. - $('.header__region').removeClass('header__region region hidden').addClass('js-region').appendTo('.mobile-nav-sheet'); - $('.main-menu').addClass('hidden').clone().removeClass('main-menu layout__navigation layout__full hidden hidden').addClass('js-main-menu').appendTo('.mobile-nav-sheet').find('.navbar').removeClass('navbar').addClass('js-navbar'); + $('.header__region').filter(':not(:empty)').removeClass('header__region region hidden').addClass('js-region').appendTo('.mobile-nav-sheet'); + $('.main-menu').addClass('hidden').clone().removeClass('main-menu layout__navigation layout__full hidden').addClass('js-main-menu').appendTo('.mobile-nav-sheet').find('.navbar').removeClass('navbar').addClass('js-navbar'); // Toggle the mobile nav sheet. $('.mobile-nav-cover, .mobile-nav-toggle').on('click toushstart', function (e) {