Задать вопрос
@Shine_97
css

Как исправить баг с активной страницей в выпадающем меню в WordPress?

Имеется вот такое выпадающее меню на сайте, все хорошо работает, кроме того, что когда выбираем активную категорию в выпадающем списке, то получается вот такое:
5d847093cee9d102183704.jpeg
И как сделать так, что когда мы находимся на этой дочерней странице, то подчеркивался родительский элемент в меню?
5d8470d528a46495078458.jpeg

Сайт sci-farm.zzz.com.ua залил на тренировочный хостинг, данные для входа: admin - 12345
  • Вопрос задан
  • 35 просмотров
Комментировать
Подписаться 1 Средний Комментировать
Решения вопроса 1
Chefranov
@Chefranov
Новичок
Проблема с стилями для выпадающих меню. Добавьте стиль
.dropdown .nav__menu-item-active::after {
    bottom: 0px;
}


Для подсветки родительской
.current_page_ancestor > a::after, .nav__menu-item-active::after {
    content: '';
    width: 100%;
    height: 3px;
    display: block;
    position: absolute;
    left: 0;
    bottom: -22px;
    background-color: #dd482d;
}
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Аспро Максимум не отображаются картинки из Фотогалереи
18 апр. 2024, в 10:53
500 руб./за проект
Gulp, handlebarsjs - изменение темы сайта на ghost cms
18 апр. 2024, в 10:31
8000 руб./за проект
Symfony, Vue - Сервис автоматизации бизнеса натяжных потолков
18 апр. 2024, в 10:29
700 руб./в час
Ещё заказы