Навигационный инструмент Совет Неправильное место

Question

Я создал всплывающие подсказки для этой навигации. Они появляются при наведении, но они также появляются в нижней части раскрывающегося списка. Мне интересно, какой код хранит их там!

Вот код, который я использую для их реализации.

Link to dev site

.cftopnavrightlower ul > li:hover:after { 
content: ''; 
display: block; 
width: 0; 
height: 0; 
position: absolute; 
left: 50%; 
bottom: 0; 
border-left: 10px solid transparent; 
border-right: 10px solid transparent; 
border-bottom: 10px solid #FFC700; 
margin-left: -10px; 
} 

Answer 1

Вам нужно больше специфичность к UL вы ориентируетесь для стрел. ul.flyout разрабатывается со стрелкой с учетом текущего селектора.

Это может работать лучше:

#menu-header-nav > li:hover:after { 
content: ''; 
display: block; 
width: 0; 
height: 0; 
position: absolute; 
left: 50%; 
bottom: 0; 
border-left: 10px solid transparent; 
border-right: 10px solid transparent; 
border-bottom: 10px solid #FFC700; 
margin-left: -10px; 
}