title: Navbar overlapping content in Bootstrap 4
body: <p>My portfolio page has a sticky navbar, but when I click on the navbar links it overlaps the text in each section. In about, it overlaps the text. In "portfolio" and "about" it overlaps both tiles. I tried to compensate with some padding-top in each section to no avail.</p>
  
  <p>Here is the complete navbar: </p>
  
  <pre><code>&lt;nav class="navbar navbar-toggleable-md navbar-light bg-faded fixed-top" style="background-color: #fc7a57;"&gt;
          &lt;button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"&gt;
      &lt;span class="navbar-toggler-icon"&gt;&lt;/span&gt;
    &lt;/button&gt;
          &lt;a class="navbar-brand mr-auto navfont" href="#"&gt;portfolio.&lt;/a&gt;
  
              &lt;ul class="nav navbar-nav"&gt;
                  &lt;li class="nav-item"&gt;
                      &lt;a class="nav-link" href="#about"&gt;&lt;i class="fa fa-user-circle-o" aria-hidden="true"&gt;&lt;/i&gt; about&lt;/a&gt;
                  &lt;/li&gt;
  
                &lt;li class="nav-item"&gt;
                      &lt;a class="nav-link text" href="#portfolio"&gt;&lt;i class="fa fa-picture-o" aria-hidden="true"&gt;&lt;/i&gt; portfolio&lt;/a&gt;
                &lt;/li&gt;
  
                &lt;li class="nav-item"&gt;
                      &lt;a class="nav-link text" href="#contact"&gt;&lt;i class="fa fa-envelope-o" aria-hidden="true"&gt;&lt;/i&gt; contact&lt;/a&gt;
                &lt;/li&gt;
  
             &lt;/ul&gt;
      &lt;/nav&gt;
  </code></pre>
  
  <p>And here's the CSS code for one of the sections  </p>
  
  <pre><code> #contact {
    background-color: #466365;
    width: 100%;
    height: 100%;
    padding-top:50px;
    color: white;
  }
  </code></pre>
  
  <p><a href="https://codepen.io/pablovester/pen/ZKJxLL" rel="nofollow noreferrer">https://codepen.io/pablovester/pen/ZKJxLL</a></p>
  
  <p>Thank you guys</p>