указываю в стилях css следующие значения для классов:
position: fixed;
left:0;
top: 0;
width: 100%;
z-index: 999;
max-width:0px;
overflow:visible;
background-color: #f69d01;
margin: 0;
transition: 0.25s ease-in;
-webkit-transition: 0.25s ease-in;
-moz-transition: 0.25s ease-in;
-ms-transition: 0.25s ease-in;
меню не фиксируется при прокрутке. код меню в хтмл:
<section class="in_menu_wrapper ">
<div class="container">
<div class="row ">
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
<div class="in_logo ">
<a href="index.html">
<img src="images/logo.png" width="265" height="52" alt="">
</a>
</div>
</div>
<div class="col-lg-9 col-md-9 col-sm-9 col-xs-6">
<nav class="navbar">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<div class="in_menu nav navbar-nav">
<ul>
<li ><a href="index.html">Главная</a></li>
<li ><a href="#company">О Нас</a></li>
<li ><a href="#uslugi">Услуги</a></li>
<li ><a href="#tarif">Тарифы</a></li>
<li ><a href="#otziv">Отзывы</a></li>
<li ><a href="#contactus">Контакты</a></li>
</ul>
</div>
</div>
</nav>
</div>
</div>
</div>
</section>