Dudas con el sf-js-enabled menu

[zelluloide]

Hola! Veamos, antes que nada quiero decir que soy una estudiante de diseño gráfico interactivo y que la programación aunque me encanta no la hemos tocado tanto, así que probablemente soy una ignorante de la vida.

Esta es la página web en la que estoy trabajando desde hace poco http://test.savam.es/ y me he enfrascado en una batalla con el menú porque solo quiero hacerlo más grande de ancho para que quepa todo y no encuentro la manera.
Cuando lo inspecciono, sale esto:

ul#menu.sf-js-enabled.l_tinynav1

He estado buscando información y acabé leyendo cosas sobre el superfish pero no sé muy bien como proceder con ello. No he encontrado en los archivos la parte para cambiarlo. ¿Alguien me puede echar una mano?

Muchas gracias por adelantado

[LGrusin]

El menú tiene un espacio limitado y no puedes poner todos los elementos que quieras. Las soluciones pasan por reducir el tamaño de la letra, ponerla en minúsculas, añadir menos elementos, reducir el espacio (margen y padding) entre los elementos, reorganizar el menú con submenus, etc.

Eso lo tienes en el archivo style.css en mainmenu ul

Un saludo

[camilobuitrago]

LGrusin propone disminuir la letra, sería algo así:

No incluyo el resto, sólo la línea que cambié:

#mainmenu ul {
    font-size: 11px;
}

Disminuí el tamaño de fuente de 13px a 11px y así funciona.

[zelluloide]

Hola! Muchas gracias a los dos por contestar.

Veamos, entiendo la solución y también la había pensado pero entonces, ¿no puedo aprovechar el hueco que hay a la derecha del menú? Lo que quería hacer era ensancharlo para que no quedara un vacío allí. En cualquier caso, lo puedo aprovechar para poner otra cosa.

Si tiene un tamaño límite y no puedo hacer más entonces está bien, optaré por cambiar. No sé si me expliqué bien antes pero dejo una captura de pantalla

Captura 01 (está con el cambio de tamaño de font que le acabo de hacer para probar) Pero el caso, entonces, ¿no puedo hacer nada para ampliarlo?

[LGrusin]

El espacio es porque el menú está al 80% podrías probar ponerlo al 100%.
#mainmenu {
width: 100%;
margin: 0px 0px 0px 17px;
}

Un saludo

[zelluloide]

Muchas gracias, ya está resuelto! No me esperaba que fuera eso pero genial! Con cosas así me siento tan tonta habiendo ido a buscar lo más complicado.

Saludos.