Как через меню wordpress организовать переход по якорям?

Question

[Danil Pav]

Здравствуйте! Попробую объяснить понятным языком.
Возникла вот такая вот проблема -> есть меню на сайте все ссылки ссылаются по якорям сайт сделан однастраничником то есть при создании меню в wordpress выбиралось произвольная ссылка вида(#home, #about и.т.д) но есть одна ссылка (Портфолио) которая ведет на другую страницу. Так вот проблема в том что если перейти на Портфолио получается site/portfolio а при обратном переходе на Главную получается site/porfolio/#home а должно быть site/#home, ответ я вижу только один ссылку сделать не просто #home а полную site/#home -> хорошо все катает по сайту со второй страници (Портфолио) переходит на главную, Но на этом вопрос не закончен при такой ссылке не присваиваеться класс active что приводит к тому что всегда горит ссылка Главная, не красиво должно соответствовать тому раздела где находиться окно.
фуууу... вроде понятно объяснил, вообщем вопрос как это Реализовать



вот код меню

<nav class="navbar navbar-default" role="navigation">
									<div class="container-fluid">

										<!-- Toggle get grouped for better mobile display -->
										<div class="navbar-header">
											<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
												<span class="sr-only">Toggle navigation</span>
												<span class="icon-bar"></span>
												<span class="icon-bar"></span>
												<span class="icon-bar"></span>
											</button>
										</div>

										<!-- Collect the nav links, forms, and other content for toggling -->
										<div class="collapse navbar-collapse scrollspy smooth-scroll" id="navbar-collapse-1">
                                            <?php wp_nav_menu('menu=first&menu_class=nav navbar-nav navbar-right'); ?>

											<!--<ul class="nav navbar-nav navbar-right">
												<li class="active"><a href="#banner">Главная</a></li>
												<li><a href="#about">Услуги</a></li>
												<li><a href="#services">Services</a></li>
												<li><a href="#portfolio">Portfolio</a></li>
												<li><a href="#clients">Clients</a></li>
												<li><a href="#contact">Contact</a></li>
											</ul>-->
										</div>

									</div>
								</nav>

есть еще javascript который реализует плавное перемещение по сайту и.т.д

//Scroll Spy
		//-----------------------------------------------
		if($(".scrollspy").length>0) {
			$("body").addClass("scroll-spy");
			$('body').scrollspy({ 
				target: '.scrollspy',
				offset: 152
			});
		}

		//Smooth Scroll
		//-----------------------------------------------
		if ($(".smooth-scroll").length>0) {
			$('.smooth-scroll a[href*=#]:not([href=#]), a[href*=#]:not([href=#]).smooth-scroll').click(function() {
				if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
					var target = $(this.hash);
					target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
					if (target.length) {
						$('html,body').animate({
							scrollTop: target.offset().top-151
						}, 1000);
						return false;
					}
				}
			});
		}