[SOLUCIONADO] Menú en vez de estirarse, se corre para abajo

[Hildergarn]

Hola a todos. Si visitan mi blog, verán el menú superior de color naranja al cual intenté añadirle otro enlace. En vez de estirarse, lo que hizo fue correr algunos enlaces para abajo, tal como se ve en la siguiente imagen:



Intenté cambiar el width del div#nav y la opción de display de los enlaces del menú, pero sin éxito alguno. Si alguien me ayuda con esta, se lo agradezco de antemano.

[Linton]

En el monitor de mi portátil no se desplaza nada

Lo que has hecho es poner enlaces a otras secciones, no estipular un evento hover en CSS. Por eso no hay desplegables.

Un saludo.

[Hildergarn]

Iniciado por Linton

En el monitor de mi portátil no se desplaza nada

Lo que has hecho es poner enlaces a otras secciones, no estipular un evento hover en CSS. Por eso no hay desplegables.

Un saludo.

Linton, en tu monitor verás todo bien porque el cambio lo eché para atrás. Sólo tomé el screenshot con el error y lo publiqué, pero si vas al sitio web verás que todo sale bien. La idea es ver como puedo corregir ese error que muestro en la imagen.

[Xetori]

#navigation li {
margin: 0;
padding: 0;
width: auto; elimina este estilo
height: 58px;
float: left;
}

y aplicale un width unico a cada li pero con porcentaje, sin que la suma total exceda del 100%

lo que te pasa es que al tener un width: auto, y tantos enlaces, te excedes del 100% de la pagina por el tamaño de fuente y la longitud que hay en cada boton, por eso te salta de linea, indicale cuanto quieres que ocupe cada li

[siddartha23]

Ese boton que dice "como viajar por el mundo" podrías resumirlo o crearle un enlace fuera del nav principal ...