Почему не работает переход по страницам якорной ссылки?

Question

[LastGeneral]

Сайта на wordpress меню сделано в админке

на самой странице для перехода в определенное место
<div id="about"></div>
Код для плавного скролла

const anchors = document.querySelectorAll('a[href*="#"]')
for (let anchor of anchors) {
	anchor.addEventListener('click', function (e) {
		e.preventDefault()
		const blockID = anchor.getAttribute('href').substr(1)
		document.getElementById(blockID).scrollIntoView({
			behavior: 'smooth',
			block: 'start'
		})
	})
}

Код бургер меню

<nav id="site-navigation" class="main-navigation">
	<?php
	wp_nav_menu(
		array(
			'theme_location' => 'menu-1',
			'menu_id'        => 'primary-menu',
		)
	);
	?>
	<span class="navTrigger">
		<i></i>
		<i></i>
		<i></i>
	</span>
</nav><!-- #site-navigation -->

JS код для бургер меню

jQuery("div.menu-menu-1-container").last().addClass("main_list");

jQuery('.navTrigger').click(function () {
    jQuery(this).toggleClass('active');
    console.log("Clicked menu");
    jQuery(".main_list").toggleClass("show_list");
    jQuery(".main_list").fadeIn();
});
//Закрытие через onclick сделано так
jQuery('#primary-menu a').on('click', function() {
    jQuery( '.navTrigger' ).trigger('click');
});

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

Comments

[Орхан Гасанлы]

Если вы хотите, чтобы по нажатию на нужный пункт меню открывать секцию на другой странице, то вместо
#about нужно использовать /#about
Как вариант можно сделать так:
Условной логикой проверять является ли страница главной и если да, то отдавать #link, а если не главная, то /#link