Problema al redirigir link al hacer click en botón

<!-- Menu Start -->
<nav class="navbar navbar-fixed-top nav-weds">
  <div class="container-fluid">
    <div class="navbar-header"> <a class="navbar-brand" href="#"><i class="fa fa-heart" aria-hidden="true"></i>TEST</a> </div>
    <div class="navbar-right onepagenav navBare" id="navbar">
      <ul class="nav navbar-nav">
		<li><a href="http://www.sitioalquequieroredirigir.com">SITIO</a></li>
        <li><a href="#hero">INICIO</a></li>
      </ul>
    </div>
    <!--/.nav-collapse -->
    <div class="navicon"><i class="fa fa-bars" aria-hidden="true"></i></div>
  </div>
</nav>
<!-- End Menu -->

/* ---- 03.01 Menu Bar ----*/
.nav-weds {
	padding: 15px 25px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.nav-weds.is-active {
	background: #fff;
	padding: 5px 25px;
	-webkit-box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.13);
	-moz-box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.13);
	box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.13);
}
.nav-weds.is-active .navbar-nav > li > a {
	color: #ff6e8d;
}
.nav-weds.is-active .navbar-nav > li.active > a {
	color: #36477b;
}
.navbar-nav > li > a:hover {
	background: none;
	color: #ff6e8d;
}
.nav-weds.is-active .navbar-brand {
	color: #ff6e8d;
}
.nav-weds.is-active .navicon {
	color: #ff6e8d;
}
.navbar-brand {
	padding-left: 0;
	font-size: 20px;
	font-weight: 600;
	color: #fff;
}
.navbar-nav > li > a {
	text-transform: uppercase;
	font-size: 12px;
	color: #fff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.navbar-nav > li > a:focus {
	background: none;
	outline: none;
}
.navicon {
	display: none;
	position: absolute;
	right: 30px;
	font-size: 25px;
	color: #fff;
	padding: 5px 0;
	cursor: pointer;
}
.navicon2 {
	display: block;
}