如何仅在桌面上单击标题(栏,主页)时才能隐藏菜单?

时间:2019-05-27 09:08:47

标签: html css wordpress

仅当用户重新单击标题(主页)或离开页面导航时,才能隐藏菜单吗?

我认为,管理它的css div如下。目前,用户单击后的悬停时间窗口太窄,无法选择时间。

.main-navigation .menu > li { foobar
}
.main-navigation .menu > li > ul > 
li {foobar} 

HTML

<div class="module widget-handle 
mobile-toggle right visible-sm 
visible-xs">
<i class="fa fa bars"></i>
</div>
<div 
class="module-group right">
<div 
class="module left">
<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>

https://adsler.co.uk

可以以某种方式使用transition吗?不确定。

0 个答案:

没有答案