Darken screen onshow

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 darken-onshow class before/after nav-item or dropdown classes. Also, at the same time you can apply hover.
Code example:

<li class="nav-item dropdown darken-onshow">
	<a class="nav-link  dropdown-toggle" href="#" data-bs-toggle="dropdown">Dropdown </a>
    <ul class="dropdown-menu">
	  <li><a class="dropdown-item" href="#"> Submenu item 1</a></li>
	  <li><a class="dropdown-item" href="#"> Submenu item 2 </a></li>
	  <li><a class="dropdown-item" href="#"> Submenu item 3 </a></li>
    </ul>
</li>