固定NAVは</p> <p><a href="https://i.stack.imgur.com/OJ4jX.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OJ4jX.jpg" alt="enter image description here"></a></p> <p>（添付画像を見てみましょう）

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> 

ありがとう！ 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> 

あなたはdiv.navbar-fixedで<nav...をラップする必要があります。

Answer 1

ドキュメントは、ここに答えがあります。