This is a fully responsive navbar with a dropdown menu and it is created using only HTML & CSS. Plugin Preview. This BS4 Navbar that helps developers create multi-level dropdown menus inside your navigation bar and convert them into accordion on mobile devices. Nave Menu Responsive Logo Image. The navbar remains horizontal with typical dropdowns until the window resizes smaller. To disable an item in the dropdown menu, use the .disabled class (gets a light-grey text color and a "no-parking-sign" icon on hover): You can also create a "dropright" or "dropleft" menu, by adding the .dropright or .dropleft class to the dropdown element. Dear ANDRADE, thank you for your solution to my question regarding the dynamic responsive menu. On small devices hover event is ignored. This mega menu mainly powered by Bootstrap framework and jQuery that comes with smooth CSS transitions and animations, best for content heavy websites. Add your submenu ul li elements inside parent li ; Hide inner dropdowns submenus by adding display:none. 100% from the top and along the left side. We can even separate the items by the categories as well. More jQuery Top, Best and New Plugins ... Bootstrap Sidebar Menu with Submenu. For a complete reference of all dropdown options, methods and events, go to our 13. On smaller screens, a “menu” button which displays our menu vertically, displaying sub-menus when parent element is clicked/touched. The dropdown menu in this example is suitable for commercial websites or websites with large content. Multilevel dropdown menu in Bootstrap 4 with a responsive design. With Bootstrap 4, you apply the .dropdown-item to a or