Mega-menu
How to use?
1. Purchase Bootstrap5 Menukit, unzip and include menukit.js (3KB) and menukit.css (4KB)
2. If you like, you can customize menukit.scss (sass) for your needs
3. Add has-megamenu
class before/after nav-item
or dropdown
classes. Then add megamenu
class on dropdown-menu
element.
For example:
<li class="nav-item dropdown has-megamenu">
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Dropdown </a>
<div class="dropdown-menu megamenu">
This is content of mega-menu... cuper easy to customize for your needs. Like adding columns and inner category links. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
</div>
</li>