Intereting Posts
Проверьте, находится ли пользователь на странице бэкэнд Как перенаправить домашнюю страницу на пользовательскую страницу? Как создать пользовательский вложенный цикл в bbPress (плагин WordPress + bbPress) Как объединить локальные ветви из 2 разработчиков, работающих на одном и том же локальном сайте, в своих собственных системах Подсчитайте количество сообщений, которые существуют в 2 таксономиях? Код мусора, отображаемый в результатах поиска Файл Javascript не загружается Тестирование модулей для разработки плагинов защищенные паролем страницы не работают Закажите пользователей к дате их последнего сообщения Как я могу переопределить страницу категории woocommerce для отображения пользовательской страницы Почему порядок ASC отменяет смещение в WP_Query? Выпадающая папка JQuery не работает в теме Пользовательский Уокер: как получить идентификатор в функции start_lvl Создание кнопки из данных метаданных автора

текущий класс меню не работает

класс current-menu-item не работает для определенного меню в моей теме, мой код css

.mainNav ul li a { color: #686868; font-size: 14px; height: 38px; line-height: 38px; display: inline-block; padding: 0 10px; border-radius: 2px; } .mainNav ul li.current-menu-item a, .mainNav ul li.current-menu-item a:focus { background: #69bd43; color: #ffffff; } .mainNav ul li a:hover { background: #69bd43; text-decoration: none; color: #ffffff; } 

.mainNav ul li a: hover

а также

.mainNav ul li a

работает

но

.mainNav ul li.current-menu-item a, .mainNav ul li.current-menu-item a: focus

Не работает

см. снимок экрана ниже

.current-menu-item, работающий в меню «Natural Foods»

введите описание изображения здесь

Но не работает в меню «Книги»

См. Снимок экрана

введите описание изображения здесь

В My header.php

 <nav class="mainNav"> <?php $args = array( 'theme_location' => 'primary' ); ?> <ul class="container"><?php wp_nav_menu( $args ); ?></ul> </nav><!-- End mainNav --> 

В My style.css

 /* Header */ .mainNav { background: #ffffff; margin-top: 45px; } .mainNav ul li { display: inline-block; } .mainNav ul li a { color: #686868; font-size: 14px; height: 38px; line-height: 38px; display: inline-block; padding: 0 10px; border-radius: 2px; } .mainNav ul li.current-menu-item a, .mainNav ul li.current-menu-item a:focus { background: #69bd43 !important; color: #ffffff; } .mainNav ul li a:hover { background: #69bd43; text-decoration: none; color: #ffffff; } 

Solutions Collecting From Web of "текущий класс меню не работает"

Это происходит из-за того, что элемент меню создается со страницы «книги» страницы, но отображаемая на данный момент страница представляет собой книги с типом архива (см. Классы в теле и списке элементов меню). Вы можете использовать что-то вроде

 function add_nav_menu_classes($classes, $item){ if( is_post_type_archive('books') && ($item->title == "Books" ) ){ $classes[] = 'current-menu-item'; } return $classes; } add_filter('nav_menu_css_class' , 'add_nav_menu_classes' , 10 , 2); 

помещенный в functions.php, чтобы добавить класс «текущий-меню-элемент» в пункт меню «Страницы книг», находясь в книгах по типу архива.