Intereting Posts
Пользовательские сообщения на главной странице Разный дизайн для пользовательского меню для родителей и детей Почему после загрузки PNG-изображений в WordPress изображения теряют насыщенность цвета? Переопределите или удалите родительский avada-menu.js, чтобы он мог использоваться с дочерней темой Создание на пользовательском шаблоне страницы формы поиска с помощью jQuery и ajax Создание пользовательского типа, как пользовательский пост Защита прямого доступа к PDF и ZIP, если пользователь не вошел (без плагина) Как сохранить опцию с помощью HTML-тегов? WordPress падает при нажатии нового плагина Сделать категории и теги, необходимые для администратора Циклическое сообщение в теме Управление профилями пользователей с помощью WordPress Удалить действия, добавленные плагином SEO ultimate Plugin Создание ссылки WP_Delete_user require_once () Причинение категорий и тегов на панели инструментов не refrsh

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

класс 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, чтобы добавить класс «текущий-меню-элемент» в пункт меню «Страницы книг», находясь в книгах по типу архива.