У меня есть меню в режиме рабочего стола, которое работает хорошо, но если пользователь оставляет курсор над ним и не перемещает его в течение нескольких секунд, как только он снова перемещает курсор, чтобы выбрать, меню исчезает, и пользователь должен выбрать его снова. Как я могу держать меню там после того, как пользователь нажимает на него, независимо от того, как долго они остаются над ним, бездействующим или нет. Он должен действительно исчезнуть только тогда, когда пользователь нажимает назад на панели, дома (кнопка меню) или fa fa-angle down, даже если они больше не зависают.
В мобильном представлении это нормально.
<div class="collapse navbar-
collapse navbar-ex1-collapse"><ul
id="menu" class="menu"><li
id="menu-item-1496" class="menu-
item menu-item-type-post_type menu-
item-object-page menu-item-home
current-menu-item page_item page-
item-19 current_page_item menu-
item-has-children menu-item-1496
dropdown active"><a title="Home"
href="https://adsler.co.uk/">Home
</a><span class="dropdown-toggle
shapely-dropdown" data-
toggle="dropdown"><i class="fa fa-
angle-down" aria-hidden="true">.
</i>. </span>
<ul role="menu" class=" dropdown-menu">
<li id="menu-item-1502" class="fa fa-user menu-item menu-item-type-post_type menu-item-object-page menu-item-1502"><a title="Create Adsler Account" href="https://adsler.co.uk/create-account/">Create Adsler Account</a></li>
<li id="menu-item-1499" class="fa fa-envelope menu-item menu-item-type-post_type menu-item-object-page menu-item-1499"><a title="Post an Ad" href="https://adsler.co.uk/wp-user-test-dashboard-2/awpcp-place-ad/">Post an Ad</a></li>
<li id="menu-item-1504" class="fa fa-tag menu-item menu-item-type-post_type menu-item-object-page menu-item-1504"><a title="For Sale" href="https://adsler.co.uk/for-sale/">For Sale</a></li>
<li id="menu-item-2955" class="fa fa-globe menu-item menu-item-type-post_type menu-item-object-page menu-item-2955"><a title="Browse Adsler" href="https://adsler.co.uk/browse-adsler/">Browse Adsler</a></li>
<li id="menu-item-1497" class="fa fa-arrow-circle-right menu-item menu-item-type-post_type menu-item-object-page menu-item-1497"><a title="Adsler Login" href="https://adsler.co.uk/account-login/">Adsler Login</a></li>
<li id="menu-item-1505" class="fa fa-question-circle menu-item menu-item-type-post_type menu-item-object-page menu-item-1505"><a title="Help and Contact" href="https://adsler.co.uk/help-and-contact/">Help and Contact</a></li>
<li id="menu-item-1511" class="fa fa-key menu-item menu-item-type-post_type menu-item-object-page menu-item-1511"><a title="Reset Password" href="https://adsler.co.uk/reset-password/">Reset Password</a></li>
<li id="menu-item-1508" class="fa fa-arrow-circle-left menu-item menu-item-type-post_type menu-item-object-page menu-item-1508"><a title="Log Out" href="https://adsler.co.uk/log-out/">Log Out</a></li>
<li id="menu-item-1501" class="fa fa-envelope menu-item menu-item-type-post_type menu-item-object-page menu-item-1501"><a title="Contact Us" href="https://adsler.co.uk/contact-us/">Contact Us</a></li>
<li id="menu-item-2003" c
Css:
li#menu-item-2952 a {
background-color: unset!important;
}
ul.dropdown-menu li a {
color: black!important;
}
li#menu-item-2952 a:hover {
background-color: white!important;}
Я догадываюсь ..
ul.dropdown-menu li a: hover {
then-what??}
Кроме того, возможно, a не должно быть там, так как пространство меню также должно быть доступным. ??