Quando ho un testo, raggiunta la fine del rigo il testo prosegue a capo. Allo stesso modo si comportano elementi con il float, terminato lo spazio disponibile si spostano di seguito in basso.
Il tuo menu ha un padding-left del 22%, gli resta come spazio un 78% (calcolato in base al suo contenitore) che può essere sufficiente ad una risoluzione alta ma insufficiente a mantenere tutto sulla stessa line a risoluzioni basse o restringendo la finestra.

Di quanto spazio ha bisogno il menu? Quello dovrà essere impostato come llarghezza o larghezza minima -min-width- (quando la finestra sarà inferiore si visualizzerà lo scrolling orizzontale ma le varie voci non andranno a capo)