Статическая страница в один пункт меню неактивные элементы выделены

Веб-сайт, на котором я работаю, имеет одностраничную архитектуру с несколькими статическими страницами.

Основная проблема заключается в том, что когда я нажимаю элемент меню со статической страницы (построение этого пункта меню в моем пользовательском меню WordPress выглядит так: http://example.com/#about , попробовал также: / # about и #about only ) он выделяет все пункты меню.

Эта проблема возникает только тогда, когда я пытаюсь перейти на страницу с одной страницей через статическую страницу. Есть ли решение для этого, как выделить только один активный раздел, когда я нажимаю на него со статической страницы? Ниже я представляю две объявления CSS, ответственные за изменение цвета.

CSS

#header-menu #mega_main_menu > .menu_holder > .menu_inner > ul > li > .item_link > .link_content > .link_text, #header-menu .mega_main_menu > .menu_holder > .menu_inner > ul > li > .item_link > .link_content > .link_text { height: auto; font-size: 12px; text-transform: uppercase; color: #45464b; padding: 0 20px; line-height: 80px; } #header-menu #mega_main_menu > .menu_holder > .menu_inner > ul > li.current- menu-item > .item_link > .link_content > .link_text, #header-menu #mega_main_menu > .menu_holder > .menu_inner > ul > li.current-menu-parent > .item_link > .link_content > .link_text, #header-menu #mega_main_menu > .menu_holder > .menu_inner > ul > li.current-menu-ancestor > .item_link > .link_content > .link_text, #header-menu .mega_main_menu > .menu_holder > .menu_inner > ul > li.current-menu-item > .item_link > .link_content > .link_text, #header-menu .mega_main_menu > .menu_holder > .menu_inner > ul > li.current-menu-parent > .item_link > .link_content > .link_text, #header-menu .mega_main_menu > .menu_holder > .menu_inner > ul > li.current-menu-ancestor > .item_link > .link_content > .link_text { color: #0ccfa8; } 

Solutions Collecting From Web of "Статическая страница в один пункт меню неактивные элементы выделены"

Насколько я помню, WordPress не работает с концепцией якорей в своих навигационных меню. Все ваши якоря находятся на одной странице, и это все касается WP.

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