Superfish 메뉴 : 상위 섹션의 페이지에서 하위를 볼 수 있습니까?

Question

나는 그 섹션에있는 페이지에서 수퍼 키 플라이 아웃을 열어 두는 법을 배우는 데 관심이 있습니다. 예 : ABOUT US 섹션에서 "History", "Board of Directors"및 "Staff"에 대한 하위 페이지 메뉴 항목을 계속 표시하고 싶습니다.

헤더

---

홈 | 회사 소개 | 수업 | 연락처 - 역사 이 - 이사 위원회 - 직원

---

내용 | 사이드 바

Answer 1

CSS로이를 수행 할 수 있습니다. Superfish 숨겨진 하위 메뉴의 style 속성에 다음 CSS를 추가

#yournav li.current-menu-item > ul { 
    display: block !important; 
    visibility: visible !important; 
} 

참고 : display: none; visibility: hidden;. 이것이 위의 코드에서 !important 키워드가 필요한 이유입니다.

Answer 2

흠 ... 아주 쉬운 해결책 같았습니다. 그러나 나는 행동을 제어하는 ​​것처럼 보이는 인라인 스타일을 무시하기 위해 제 스타일을 얻을 수 없습니다. 아래는 내가 제어하려고하는 첫 번째 플라이 아웃 메뉴의 일부입니다. 여기에 CSS를 사용하려고합니다 :

** 내 코드 블록이 엉망이었고 하위 메뉴 UL에 적용되는 인라인 스타일이 아니었기 때문에 약간 편집했습니다. 내가하는 일을 무시하는 것처럼 보입니다. **

#menu-primary li.current-menu-item ul.sub-menu { 
display: block !important; 
visibility: visible !important; 

}

<ul id="menu-primary" class="sf-menu"> 
<li id="menu-item-18" class="home_btn menu-item menu-item-type-post_type menu-item-object-  
page current-menu-item page_item page-item-4 current_page_item menu-item-18">anchor 
here</li> 
<li id="menu-item-17" class="menu-item menu-item-type-post_type menu-item-object-page 
menu-item-17">anchor here 
<ul class="sub-menu" style="float: none; width: 12.75em; display: none; visibility: hidden;> 
<li id="menu-item-116" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-116">anchor here</li> 
<li id="menu-item-114" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-114">anchor here</li> 
<li id="menu-item-113" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-113">anchor here</li> 
<li id="menu-item-112" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-112">anchor here</li> 
<li id="menu-item-111" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-111">anchor here</li> 
</ul> 
</li> 
</ul>