L'header
Cominciamo ad analizzare l'header del sito, costituito dalla barra grigia nella quale è previsto il nome dell'amministrazione di riferimento e alla quale è possibile aggiungere l'indicazione di altro ente o, comunque, settore o area specifica: nel caso del demo, la dicitura che compare è "Template ItaliaPA + Porte Aperte Sul Web".
Per inserire le informazioni occorre agire tramite il control panel di ItaliaPA, nella tab "Header" e procedere al settaggio dei parametri come mostrato nell'immagine sottostante:
Il template consente di attribuire un link attivo a ciascun "titolo" del sito; inoltre, tramite questa finestra di controllo possiamo inserire il logo, il sottotitolo del sito e decidere se vogliamo utilizzare o meno l'effetto "headroom": il template è dotato, infatti, della funzionalità "hide your header on scroll" che permette di nascondere alcune parti dell'header se si effettua lo scroll della pagina.
Di default vengono nascosti sia il top header che il menu socials ma è possibile nascondere anche il mainmenu aggiungendo la classe "Headroom-hideme" al modulo corrispondente, tramite la tab "avanzate" e inserendo il codice nella finestra "Module class suffix"