Start a new discussion

To start a new discussion please visit the discussions section of the GitHub home page of the project.

Discussions on GitHub

You can also search our old self-hosted forums for any useful information below but please note that posting new content here is not possible any more.

Reply To: How do I drop the entire menu by selecting an item from it?

Home › Forums › Latest release › 1.1.x + Bootstrap 4 addon › How do I drop the entire menu by selecting an item from it? › Reply To: How do I drop the entire menu by selecting an item from it?

July 5, 2018 at 14:29 #8303
admin
Keymaster

Hi, you could use something like this:

$(function() {
  // SmartMenus jQuery - collapse mobile navbar on menu item select
  $('.navbar-nav').on('select.smapi', function(e) {
  	if ($(this).hasClass('sm-collapsible')) {
  		$('.navbar-toggler')[0].click();
  	}
  });
});

Just include it on your page after jQuery.

If you have multiple navbars on your pages (not very likely), set them specific ids and replace the classes .navbar-nav and .navbar-toggler in the code above with the proper ids.