Hola Fede, muchas gracias por tu ayuda, estuve trabajando en el diseño de esta web que me copie del website builder.
En conclusión lo quiero hacer en la header es lo siguiente:
1. que su background-color: #1c44781 y width: auto; height: auto;
2. Un div id=container-header, es el contenedor del div id= "Logo" y id="Menu", y este div este centrado margin: 0 auto; background-color: tranparent.
3. el div Logo contiene texto.
4. el div Menu contenga el menú dropdown
El problema. que cuando ingreso el menu dropdown en el div div id=container-header se tira mas a la derecha con en la imagen.
Y que no se note el borde entre blanco alrededor del header.
Abajo es la direccion el codepen.
Muchas Gracias.
http://codepen.io/EricBallon/pen/RPyoRL
Cita:
Iniciado por fede5426 
Antes que nada tenes que crear una clase que tenga los estilos que quieras que tenga el elemento activo.. por ejemplo:
Ahora, hay 2 formas posibles de aplicarlo y depende de como empleas el menú:
1° Si tenes el código del menú en cada archivo del sitio, basta con colocarle la clase .activo al elemento <a> que corresponda a dicha seccion del sitio.. es decir si estás en la página "contacto" le aplicas la clase .activo al
<a href="contacto.html">Contacto</a> y asi sucesivamente con todos los archivos..
2° Si cargas el contenido dinamicamente en el sitio, podés usar javascript para aplicar esa clase al elemento que clickeas:
Código Javascript
:
Ver original$(document).ready(function(){
$("a").click(function(){ //al hacer click en un enlace
$("a").removeClass("activo"); //le quitamos la clase activo a todos los enlaces
$(this).addClass("activo") //y le agregamos la clase activo al item que clickeamos
});
});
Saludos
