I can not find where the hover-effect for navigation elements is set. When you hover over a menu item, a white background appears (see figure). I did not register it anywhere in css, it is also not detected through firebug, it is applied to li. Searched in bootstrap.js - to no avail. I ask for help enter image description here

<nav class="mainMenu"><a class="hamburger" href="#"><i class="fa fa-3x fa-bars" aria-hidden="true"></i></a> <ul class="nav nav-pills" id="menu"> <li class="menuItem animated fadeInRight fadeLeftOut" style="opacity: 1;"><a class="menuLink" href="" title="">главная</a></li> <li class="menuItem animated fadeInRight fadeLeftOut" style="opacity: 1;"><a class="menuLink" href="" title="">о проекте</a></li> <li class="menuItem animated fadeInRight fadeLeftOut" style="opacity: 1;"><a class="menuLink" href="" title="">контакты</a></li> </ul> </nav>

    2 answers 2

    Screen

    Not there and not looking for

     .nav>li>a:focus, .nav>li>a:hover { text-decoration: none; background-color: #eee; }
    • Thank! helped me a lot - Ghost Dogg

    The background is gray, not white. Applies not to li , but to a .
    Through the dispatcher, it should be completely detected. Probably not there was searched.
    Draw styles from bootstrap.css :

     .nav>li>a:focus, .nav>li>a:hover { text-decoration: none; background-color: #eee; }
    • Thank you, this is exactly what you need - Ghost Dogg