Superfish Menu: держать подвиды видимыми, когда на страницах в родительском разделе? - PullRequest
Новая
       24

Superfish Menu: держать подвиды видимыми, когда на страницах в родительском разделе?

0 голосов
/ 02 апреля 2012

Мне интересно узнать, как сохранить всплывающие надписи Superfish на страницах этого раздела.Например: в разделе «О США» я бы хотел, чтобы пункты меню «История», «Совет директоров» и «Сотрудники» на подстраницах оставались видимыми.

Заголовок

Главная |О нас |Классы |Связаться с нами - История - Совет директоров - Сотрудники

Содержание |Боковая панель

Ответы [ 2 ]

1 голос
/ 02 апреля 2012

Вы можете сделать это с помощью CSS. 

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

Обратите внимание, что Superfish добавляет следующий CSS к атрибуту style скрытого подменю: display: none; visibility: hidden;.Вот почему в приведенном выше коде необходимы ключевые слова !important.

0 голосов
/ 03 апреля 2012

Хмм ... казалось супер простым решением.Однако я не могу заставить свой стиль переопределить встроенный стиль, который, кажется, контролирует поведение.Ниже приведена часть меню с первой всплывающей подсказкой, которую я пытаюсь контролировать.Вот 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>
...