I've been trying to make my navbar transparent using materializecss, but all my attempts so far have resulted in it turning white. Any suggestions would be greatly appreciated. Thank you! Here is the code I tried:
<nav>
<div class="nav-wrapper transparent">
<a href="#!" class="brand-logo"></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="#">Contact Me</a></li>
</ul>
<ul class="side-nav" id="mobile-demo">
<li><a href="#">Contact Me</a></li>
</ul>
</div>
</nav>
For a second attempt, I tried this:
<nav class="transnav">
<div class="nav-wrapper">
<a href="#!" class="brand-logo"></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="#">Contact Me</a></li>
</ul>
<ul class="side-nav" id="mobile-demo">
<li><a href="#">Contact Me</a></li>
</ul>
</div>
</nav>
Even with the added CSS, that solution didn't work either.
.transnav {
background-color: rgba(0,0,0,0);
}