I have a site in development:
https://destinopunilla.com.ar/beta2020
I have a main menu, and, when I move the mouse pointer over a menu option, the color change to yellow.. but, when I enter in a submenu, the color of the active menu option back to white.. How Can I do to stay that main menu option A and B in yellow while I navigate their submenus?
<ul id="menu-main-menu" class="...">
<li id="nav-menu-item-43343" class="...">
<a href="#" class=""><i class="nav-icon"></i><span class="menu-titles">OPTION A<span class="fa fa-angle-down"></span></span></a>
<ul class="..." style="...">
<li id="nav-menu-item-43392" class="..."><a href="#" class="..."><i class="nav-icon"></i><span class="menu-titles">SUBOPTION A 1</span></a></li>
<li id="nav-menu-item-43393" class="..."><a href="#" class="..."><i class="nav-icon"></i><span class="menu-titles">SUBOPTION A 2</span></a></li>
</ul>
</li>
<li id="nav-menu-item-43343" class="...">
<a href="#" class=""><i class="nav-icon"></i><span class="menu-titles">OPTION B<span class="fa fa-angle-down"></span></span></a>
<ul class="..." style="...">
<li id="nav-menu-item-43398" class="..."><a href="#" class="..."><i class="nav-icon"></i><span class="menu-titles">SUBOPTION B 1</span></a></li>
<li id="nav-menu-item-43399" class="..."><a href="#" class="..."><i class="nav-icon"></i><span class="menu-titles">SUBOPTION B 2</span></a></li>
</ul>
</li>
</ul>
Go to Source
Author: Ezequiel