Hola a todos estoy terminando una web que tiene que ser responsiva, no me voy a complicar mucho con ella y solo voy a utilizar un media query, la web es muy sencilla y ahora estoy preparandola para responsive.
Al grano: el menu secundario, el que es nav lo paso a responsive y no se ajusta al 100% de la pantalla, se queda a la izquierda y no ocupan las casillas el 100%, no se que problema hay.
Podeís ver la web en:
http://test.javierdelpozo.com/es/
este es el media query del menu (nav):
Código CSS:
Ver original@media screen and (max-width: 800px) { /* AJUSTES PARA MENOS DE 800PX */
nav {
float:left;
width:100%;
}
nav ul {
float:left;
padding-top:0;
padding-bottom:0;
}
nav ul li {
display:block;
width:100%;
float:none;
list-style:none;
}
nav ul li a {
display:block;
width:100%;
margin:0;
padding:15px;
border-bottom:1px solid #CCC;
border-right:0;
text-align:center;
}
nav .ultimo a {
padding:15px;
}
¿Qué puedo hacer para que el ancho de los items del menu se ajusten al ancho de la pantalla?
Probar el diseño reduciendo el tamaño de la ventana del navegador por favor.