Es ist durchaus sinnvoll die eigene Website auch einmal mobil zu testen. Ich verwende zwar das das Materialize Framework, welches "full-responsive" ist, allerdings fiel mir ein Bug auf.

Ab einer bestimmten Bildschirmgröße wird die horizontale Navigationsleiste am oberen Websitenrand durch eine Sidebar ersetzt - ähnlich einer App im Materialdesign. Spannenderweise kann es passieren, dass diese komplett ausgegraut ist und sich keiner der Links anklicken lässt.

Das passiert offensichtlich immer dann, wenn die navbar als fixed definiert ist und die Definition der Sidebar innerhalb dieses div erfolgt. Der z-index der Klasse navbar-fixed kollidiert offensichtlich mit dem z-index Klasse sidenav-overlay.

Am sinnvollsten ist es, die Liste ul des Sidnav aus dem div herauszunehmen. (2. Codebeispiel) Sie ist es auch in einem Commit der Dokumentation des Frameworks beschrieben. https://github.com/Dogfalo/materialize/pull/4482/commits/14943d740975b2499aa5cff9b78ea518e2efa632

<div class="navbar-fixed">
  <nav>
    <div class="nav-wrapper">
      <a href="#!" class="brand-logo">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="sass.html">Sass</a></li>
        <li><a href="badges.html">Components</a></li>
        <li><a href="collapsible.html">Javascript</a></li>
        <li><a href="mobile.html">Mobile</a></li>
      </ul>
      <ul class="side-nav" id="mobile-demo">
        <li><a href="sass.html">Sass</a></li>
        <li><a href="badges.html">Components</a></li>
        <li><a href="collapsible.html">Javascript</a></li>
        <li><a href="mobile.html">Mobile</a></li>
      </ul>
    </div>
  </nav>
 </div>

<div class="navbar-fixed">
  <nav>
    <div class="nav-wrapper">
      <a href="#!" class="brand-logo">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="sass.html">Sass</a></li>
        <li><a href="badges.html">Components</a></li>
        <li><a href="collapsible.html">Javascript</a></li>
        <li><a href="mobile.html">Mobile</a></li>
      </ul>
    </div>
  </nav>
 </div>
<ul class="side-nav" id="mobile-demo">
    <li><a href="sass.html">Sass</a></li>
    <li><a href="badges.html">Components</a></li>
    <li><a href="collapsible.html">Javascript</a></li>
    <li><a href="mobile.html">Mobile</a></li>
</ul>