Close BootStrap nav menu after click
I found an interesting snippet on StackOverflow a while back when I was trying to find a solution to close a bootstrap mobile nav after a click. I’m not sure why this is not built into BootStrap, but it is a pretty easy fix.
// script to close mobile menu after click
$('.navbar-collapse a').click(function (e) {
if (
$(e.target).is('a') &&
window.innerWidth < 767 &&
$(e.target).attr('class') != 'dropdown-toggle'
) {
$('.navbar-collapse').collapse('toggle');
}
});
This jQuery script will target every a tag in the nav, and collapse the menu after it is clicked. I have mine to include a window width of 767px, but you if need it higher or lower you can simply change to what you need.