Cada vez que activo el modal, la barra de menús se sale de la pantalla junto con el modal y por ende la barra de menú me oculta el titulo del modal y el principio del contenido, vean:
HTML de la barra de menu
<div id="navigation">
<nav class="navbar navbar-custom" role="navigation">
<div class="container">
<div class="row">
<div class="col-md-2">
<div class="site-logo">
<a href="index.html" class="brand">
<img src="img/archivo-synergy-curva.png" style="height: 50px;">
</a>
</div>
</div>
<div class="col-md-10">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#menu">
<i class="fa fa-bars"></i>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="menu">
<ul class="nav navbar-nav navbar-right" id="ejm2">
<li class="active"><a href="#intro">Inicio</a></li>
<li><a href="#about">Nuestra Empresa</a></li>
<li><a href="#service">Misión y Visión</a></li>
<li><a href="#works">Portafolio TIC</a></li>
<li><a href="#clientes">Nuestros Clientes</a></li>
<li><a href="#partner">Nuestros Aliados</a></li>
<li><a href="#contact">Contactenos</a></li>
</ul>
</div>
<!-- /.Navbar-collapse -->
</div>
</div>
</div>
<!-- /.container -->
</nav>
</div>
CSS principal de la barra de navegacion:
#navigation {
background: #fff;
z-index: 9999;
width:100%;
box-sizing:border-box;
border-bottom: 1px solid orangered;
}