Hi guys i just want help on how to fix the body to not overlapping o my navbar

Personal Portfolio
  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
  <a class="navbar-brand" href="#">Portfolio</a>

<div class="collapse navbar-collapse" id="myNavbar">
  <ul class="nav navbar-nav navbar-right">
    <li class="active"><a href="#">Home</a></li>
      <a href="#">Projects</a></li>
      <li><a href="#">About</a></li>
       <li><a href="#">Contacts</a></li>
       <li><a href="#">Tools</a></li>

Collapsible Navbar

In this example, the navigation bar is hidden on small screens and replaced by a button in the top right corner (try to re-size this window).

Only when the button is clicked, the navigation bar will be displayed.

Could you post the Codepen link? It’s hard to understand what’s happening without that!


1 Like

Please post a link to your code pen so we can better diagnose the issue. Thanks!