Good morning, I'm trying to make a menu responsive to my portfolio, I'm using the materialize but when I put it fixed the side-nav of the mobile buga version, it's all dark and does not click on the items, here's the image how it gets when you're with the navbar-fixed class
andhereisanimagetoshowhowitworksnormallywithoutputtingitfixed
TomakethismenuIwatchedthisvideo:2.-TutorialMaterialize:NAVBARofthechannelBrajanMontesPerezonyoutube,Ididnotputthelinkpqifthereisnowaytoputthehtmlcode
Mycodehere(Iremovedthebody)
menulateral
<linkrel="stylesheet" href="css/materialize.min.css">
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<div class="row">
<div class="navbar-fixed">
<nav>
<div class="nav-wrapper grey darken-1">
<a href="#!" class="brand-logo">Eduardo Moya Simões</a>
<a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
<ul class="right hide-on-med-and-down">
<li><a href="">Início</a></li>
<li><a href="">Habilidades</a></li>
<li><a href="">Portifólio</a></li>
<li><a href="">Currículo</a></li>
<li><a href="">Contato</a></li>
</ul>
<ul class="side-nav" id="mobile-demo">
<li><a href="">Início</a></li>
<li><a href="">Habilidades</a></li>
<li><a href="">Portifólio</a></li>
<li><a href="">Currículo</a></li>
<li><a href="">Contato</a></li>
</ul>
</div>
</nav>
</div>
<script src="js/jquery-3.1.1.js"></script>
<script src="js/materialize.min.js" ></script>
<script type="text/javascript">
$(document).ready(function(){
$('.parallax').parallax();
});
</script>
<script>
$( document ).ready(function(){
$(".button-collapse").sideNav();
})
</script>