Fest nav überlappt Hauptinhalt

Question

Ich bin mit Materialise CSS-Framework und wenn ich feste Navigationsleiste verwenden, habe ich ein Problem Navigationsleiste überlappt Hauptinhalt und Seitentitel (werfen Sie einen Blick auf die Bilder bzw. Grafiken)

obwohl es auf kleine Bildschirmgröße gut aussieht:

<header> 
    <div class="nav-wrapper"> 
     <nav> 
      <a href="#" data-activates="nav-mobile" 
       class="button-collapse hide-on-large-only"><i 
         class="material-icons">menu</i></a> 
      <a class="page-title">Page Title</a> 
      <ul id="nav-mobile" class="side-nav fixed"> 
       <li><a href="/admin/posts" class="waves-effect waves-teal">Posts</a></li> 
       <li><a href="/admin/spam" class="waves-effect waves-teal">Spam</a></li> 
       <li><a href="/admin/inbox" class="waves-effect waves-teal">Inbox</a></li> 
      </ul> 
     </nav> 
    </div> 
    </header> 

Dank!

Answer 1

Die Dokumentation hat eine Antwort hier: Fixed Navbar

<div class="navbar-fixed"> 
<nav> 
    <div class="nav-wrapper"> 
    <a href="#!" class="brand-logo">Logo</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> 
    </ul> 
    </div> 
</nav> 
</div> 

Sie haben die <nav... mit einem div.navbar-fixed wickeln.