Parent li меняет цвет только на определенных страницах

Question

У меня есть сайт, реализованный в wordpress с использованием отзывчивой темы, все мои пользовательские стили и php-файлы находятся в дочерней теме.

Проблема заключается в основной навигации, когда вы наведываете на кнопку «Узнать больше» навигация, «Узнать больше» li ломает и меняет цвет, а также теряет свою левую границу. странно то, что это происходит только на 2 страницах сайта:

https://presslock.org/about/ и https://presslock.org/faq/

Но на других страницах он работает нормально.

Спасибо, любая помощь будет принята с благодарностью

Answer 1

Быстрое исправление: просто удалите все стили класса custom-menu-item из вашего файла style.css. Удалить эти две части:

.menu .current_page_item a,.menu .current-menu-item a{background-color:#343434;} 

и

.current-menu-item a{background-color:#F6BC01;background-image:-moz-linear-gradient(top,#F6BC01,#F5E09A,#F6BC01);background-image:-webkit-linear-gradient(top,#F6BC01,#F5E09A,#F6BC01);background-image:-o-linear-gradient(top,#F6BC01,#F5E09A,#F6BC01);background-image:-ms-linear-gradient(top,#F6BC01,#F5E09A,#F6BC01);background-image:linear-gradient(top,#F6BC01,#F5E09A,#F6BC01);} 

Если вы заинтересованы в причинах этой проблемы является, как указано KnowHowSolutions, проблема заключается в свойствах CSS в конкретном случае. Свойства custom-menu-item применяются, когда вы наводите курсор на дочерние элементы меню, пока ваша текущая страница является этим пунктом меню. Это также происходит на странице https://presslock.org/stats/, когда вы наводите на детей «Ресурсы», если вы заметили.

Надеюсь, что это поможет и извините за мой английский.

Answer 2

Эти линии УСС применяются при наведении курсора мыши (плюс несколько других, Firebug является лучшим для проверки этих изменений)

.menu li:hover a { 
    color: #F5E09A; 
} 
.menu .current_page_item a, .menu .current-menu-item a { 
    background-color: #343434; 
} 
.menu li a { 
    color: #660033; 
} 
.menu a { 
    border-left: 1px solid #585858; 
    cursor: pointer; 
    display: block; 
    font-size: 13px; 
    font-weight: 700; 
    height: 45px; 
    line-height: 45px; 
    margin: 0; 
    padding: 0 0.6em; 
    position: relative; 
    text-decoration: none; 
    text-shadow: 0 -1px 0 #000000; 
    white-space: nowrap; 
} 
.current-menu-item a { 
    background-color: #F6BC01; 
    background-image: -moz-linear-gradient(center top , #F6BC01, #F5E09A, #F6BC01); 
} 

Этот последний пункт Безразлично 't применить фоновый цвет, но переопределяет его фоновым изображением, которое является желтым.