How can I just leave navbar as navbar-fixed on scroll and when the client is at the beginning of the site, do not overlap the top1, at the moment it is disappearing when I place navbar-fixed and goes under the page. >
<div class="row topo1" style="margin: 0px auto;">
<div class="col-lg-12" >
<div class="container">
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12 phone pull-right" style="text-align:right; padding-top:2px;" >
<ul>
<a href="#">Parceiros </a>
<a href="#"> Veja seu Filho</a>
</ul>
</div>
</div>
</div>
</div>
<div class="row" style="margin: 0px auto;">
<div class="col-lg-12 topo" >
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12" style="padding-top:5px; padding-bottom:5px;" >
<a href="index.php"><img src="images/logo/logo2.png" alt="#" title="Logo Village" class="img-responsive" style="margin:0px auto; " ></a>
</div>
<div class="col-lg-9 col-md-9 col-sm-12 col-xs-12 pull-right" style="padding:0px;" >
<nav class="navbar-right navbar-default" >
<div class="container-fluid " >
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only" >Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>