Gente é o seguinte, eu estou usando o menu responsivo do bootstrap e eu precisava que ao clicar no icone do menu, aparecesse a lista ne empurrando as outras divs para baixo.... mas quando clico a lista esta aparecendo porem abaixo das outras divs.... vejam bem eu n qero qe ele sobreponha as outras divs.. eu qero qe ele empurra as outras para baixo abrindo espaço para ele... no caso é o container contendo a classe titulo que deve ser empurrado aqui os codigos html e css:
<nav class="navbar navbar-default">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
<span class="sr-only"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="navbar">
<div class="container">
<ul class="nav navbar-nav itens-menu">
<li><a href="<?php echo $this->request->base; ?>/home">home</a></li>
<li><a href="<?php echo $this->request->base; ?>/galeria">galeria de anúncios</a></li>
<li><a href="<?php echo $this->request->base; ?>/faleconosco">fale conosco</a></li>
<li class="botao-chat"><a class="active" href="">chat online</a></li>
</ul>
<div class="pesquisar-menu col-md-2 hidden-xs">
<input type="text" placeholder="pesquisar"><i class="fa fa-search" aria-hidden="true"></i></input>
</div>
</div>
</div>
</nav>
<div class="container">
<div class="row">
<div class="titulo col-md-12">
<a href="">Ultimos anúncios</a>
</div>
</div>
.navbar-default{
background-color: black;
margin-bottom: 0px;
border: none;
min-height: 70px;
top: -25px;
}