Hello, I use the following menu of a template that you download:
<header role="banner" id="fh5co-header">
<div class="container">
<!-- <div class="row"> -->
<nav class="navbar navbar-default">
<div class="navbar-header">
<!-- Mobile Toggle Menu Button -->
<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"><i></i></a>
<a class="navbar-brand" href="index.html">Voy Palla</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#" data-nav-section="home"><span>Inicio</span></a></li>
<li><a href="#" data-nav-section="services"><span>Servicios</span></a></li>
<li><a href="#" data-nav-section="register"><span>Registrarse</span></a></li>
<li><a href="#" data-nav-section="contact"><span>Contactenos</span></a></li>
<li><a href="login.html"><span>Login</span></a></li>
</ul>
</div>
</nav>
</div>
</header>However, the login section does not work for me, when I click it it does not do anything and the code in essence is fine because if I delete the id="navbar" the link to the login works but the menu loses the design and the other menu options stop working although I do not see anything in particular in the css that helps me determine what to add to make it work.
Note: I did not put any route since the file in question the login.html is outside next to the file that will be called