Praticamente se provate a cliccare su ispeziona e mettere come modalità di visualizzazione iPad, e metto ruota orizzontalmente viene il menù su 2 righe e non solo su una, come dovrebbe essere..
Dipende dal numero delle voci di menu (parecchie), dal numero di caratteri di ciascuna voce e dalla dimensione del font utilizzato nel menu.
In sostanza: dai 1199px di risoluzione orizzontale fino ai 991px (che è quando compare il menu mobile in offcanvas) il tuo menu va inevitabilmente su due righe.
come posso fare per risolvere questo problema?
Se non puoi ridurre il numero delle voci principali del menu, o "accorciarle" ("what we are and what we do" è davvero lunghissima...), devi agire sulla dimensione del font.
E potresti agire usando le media queries, il che significa dire ai browser che dai 1199px ai 991px la dimensione del font del menu deve passare dagli attuali 12px a 10px (puoi usare anche un valore percentuale, e 75% mi pare sia corretto).
Questo a meno che tu non voglia ridurre le dimensioni del font a tutte le risoluzioni, quindi anche a quelle superiori al momento in cui il menu appare su due righe...
e perche non viene fuori la tripla riga dell' offcanvas?
Il break point per la comparsa del menu offcanvas è settato a 991px. Sopra avrai il menu da desktop.
