diff --git a/src/resources/js/app.js b/src/resources/js/app.js --- a/src/resources/js/app.js +++ b/src/resources/js/app.js @@ -69,6 +69,11 @@ // - modal backdrop $('#error-page,.modal-backdrop.show').remove() $('body').css('padding', 0) // remove padding added by unclosed modal + + // Close the mobile menu + if ($('#header-menu .navbar-collapse.show').length) { + $('#header-menu .navbar-toggler').click(); + } }) const app = new Vue({ diff --git a/src/resources/js/bootstrap.js b/src/resources/js/bootstrap.js --- a/src/resources/js/bootstrap.js +++ b/src/resources/js/bootstrap.js @@ -12,6 +12,13 @@ return this } +$.fn.click = function() { + if (this.length && this[0].click) { + this[0].click() + } + return this +} + /** * Load Vue, VueRouter and global components */ diff --git a/src/resources/vue/Widgets/Menu.vue b/src/resources/vue/Widgets/Menu.vue --- a/src/resources/vue/Widgets/Menu.vue +++ b/src/resources/vue/Widgets/Menu.vue @@ -74,11 +74,6 @@ }, mounted() { this.menuList = this.loadMenu() - - // On mobile close the menu when the menu item is clicked - if (this.mode == 'header') { - $('#header-menu .navbar').on('click', function() { $(this).removeClass('show') }) - } }, methods: { loadMenu() {