[SOLUCIONADO] Navbar siempre colapsado

[estaisaderezados]

Hola,

Estoy personalizando el navbar de la web http://www.bootply.com/122826, es un navbar que siempre esta colapsado, el problema es que cuando trato de personalizarlo no consigo controlar el height del menú desplegado, parece un height fijo y no se muy como hacerlo más alto.

Esto es el menú cuando lo despliego al hacer clic sobre el toggle, supuestamente debería poder controlar el height en la clase navbar-collapse, pero no consigo que surta efecto.

Código HTML:

<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="icon-factoring"><a href="#">Anticipos</a></li>
<li class="icon-user"><a href="#">Juan Perez<br />Plásticos de Perez</a><span class="icon-usercustom"></span></li>
<li class="icon-global"><a href="#contact">Posición Global </a></li>
<li class="icon-alarms"><a href="#contact">Notificaciones a></li>
<li class="icon-stadistics"><a href="#">Estadísticas</a></li>
<li class="icon-help"><a href="#">Ayuda</a></li>
<li class="icon-logout"><a href="#">Desconexión</a></li>
</ul>
</div>
 

Esta es la clase:

Código CSS:

.navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    background-color: #303030;
}
 

Gracias y un saludo,