Fixed нав перекрывает основное содержание

Question

Я использую рамку материализовать CSS и когда я использую фиксированную панель навигации у меня есть проблема навигационная панель перекрывает основное содержание и заголовок страницы (взглянуть на прикрепленных изображениях)

хотя она хорошо выглядит на небольшой размер экрана:

<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> 

Спасибо!

Answer 1

Документационный есть ответ здесь: 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> 

Вы должны обернуть <nav... с div.navbar-fixed.