Il Top è la parte superiore del sito e presenta due distinti moduli di tipo menu: uno denominato brand e l'altro denominato top.


Il menu brand contiene i link a Bootstrap Italia, Joomla! e ItaliaPA4

Per ottenere il risultato desiderato bisogna agire sui parametri del modulo, selezionando il Layout Brand

Layout = 'brand'


Il modulo Top è un semplice modulo di tipo menu, ma la sua costruzione è un po' più complessa. Infatti, sfruttando una caratteristica intrinseca del template è possibile inserire un modulo direttamente nel modulo menu.

Il modulo in oggetto è il modulo Lingua. Per poterlo inserire in un menu basta creare, all'interno dello stesso, una voce di tipo Separatore il cui alias sia nella forma module-<id>, dove id è l'id del modulo da inserire.

La voce di menu di tipo Separatore deve avere la seguente Classe CSS del link.

Classe CSS del link = 'ipa4-module'

Non resta che completare la formattazione aggiungendo il seguente Suffisso classe CSS modulo per allineare il modulo a destra.

Suffisso classe CSS modulo = ' ml-auto'

Sia nel caso della Classe CSS del link che del Suffisso classe CSS modulo è molto importante lasciare lo spazio prima del valore.


Completiamo il lavoro sul Top menu aggiungendo la possibilità di nascondere il menu su dispositivi mobile. 

Per ottenere il risultato desiderato bisogna agire sui parametri del modulo Top. Impostando il Layout

Layout = 'collapsible'

E lo Stile Modulo come segue:

Stile Modulo = 'none'