CSS - menu max width 90%

Hola tengo este menu y mi pregunta es si con css se puede hacer que no me colapsen los elementos en varias filas cuando se ve en un dispositivo movil que se me reduzca el tamaño y se me muestre en una sola fila, muchas gracias

https://jsfiddle.net/sinother/yv1prLsa/3/

Hola,

puedes añadir un font-size más bajo, bajar con un zoom el <ul> del menú o añadir un display: block; al <li> que es lo mejor que puedes hacer aunque se ponga uno debajo del otro...

Si los muestras como en un pc, el usuario tendrá que ampliar la pantalla para ver qué pone en el menú y creo que no es una buena opción..

Haz la prueba y nos comentas,

saludos ;)

Amigo
Tenes que leer esto https://www.w3schools.com/Css/css3_mediaqueries_ex.asp
y aprender a hacer los @media query para que sea totalmente responsive
Dentro del mediquery haces lo que te comentaron, disminuir el font-size, margenes, etc

Salute