Как сделать подсветку одного якоря на мультиязычном сайте?

Question

[Валентина]

1. В меню есть 3 якоря, они расположены на одной странице. Когда переходишь на страницу где лежат якоря, то светяться все сразу.
Нужно убрать подстветку Ссылка тут

2. На втором языке не светятся на главной странице с якорями, но при выборе якоря не светиться активный, а на первом языке светиться. Ссылка тут

очень прошу конструктивной помощи

Comments

[Comsequent]

Валентина, возможно я слегка туповат, не отрицаю. Но я дважды сравнил английский и французский варианты, в мобильной версии, и разницы не заметил.
Поясните пожалуйста, какие якоря (кстати, что Вы вкладываете в это понятие?) Светятся/ не светятся? На чем сделан сайт. Можно ли увидеть код?
Тогда, м.б можно будет беде Вашей помочь

[Валентина]

Comsequent, якорь это ссылка на часть страницы, к которой идет обращение через #

Светиться это текст/кнопка в меню становиться активной (появляться оранжевое выделение)

Сайт на WordPress, тема The7

[Comsequent]

Валентина, если стандартные инструменты ВордПресс не помогают, попробуйте поставить этот, или подобный плагин. И допишите свою кастомизацию.
Логика не сложная, при наведении на якорь:
1. Убрать у всех класс 'подсветка'
2. Добавить выбранному класс 'подсветка'.

[Валентина]

Comsequent, дело не в том, что я не могу костомизацию стилей сделать, а в том, что для всех якорей одновременно добавляться стиль .act при переходе на страницу, где они лежат. так не должно быть. они должны быть активны, только когда на них обращаешся.

Answer 1

[Валентина]

Задача решилась следующим образом.

В каждую произвольную ссылку с якорем, я добавила свой класс. Далее через скрип удалила присвоение класса .current-menu-item - класс активного меню от самого WordPress и класс .act от используемой темы.

Далее, когда выбранный пункт меню становиться родительским, до возвращаем ему удаленный класс активного меню со стилями темы .act.

<script type="text/javascript">
  jQuery(function($){

   $(document).ready(function() {
     $('#primary-menu li.disaster.current-menu-item').removeClass('current-menu-item');
   });
		$(document).ready(function() {
     $('#primary-menu li.disaster.act').removeClass('act');
   });

	 $(document).ready(function() {
     $('#primary-menu li.disaster.current-menu-parent').addClass('act');
   });

 });
</script>