Vedo che hai problemi a mettere un titolo più lungo.
L'header è costituito di due parti, in totale sono 980px:
la parte di sinistra, dove hai il titolo è larga 260px
la parte di destra ha una larghezza di 560px
Il totale non comprende margin e padding che porta a 980px.
Ora, se vuoi che il titolo sia più lungo senza problemi di layout devi allargare la parte di sinistra ed accorciare quella di destra
Puoi fare così:
Allarghiamo la parte sinistraFile template.css
riga 107
#logo {
text-align: left;
float: left;
display: inline;
height: 100px;
width: 260px;
margin: 0 20px 0 20px;
padding: 0px;
}
Deve diventare così
#logo {
text-align: left;
float: left;
display: inline;
height: 100px;
width: 300px;
margin: 0 20px 0 20px;
padding: 0px;
}
Accorciamo la parte destraFile template.css
riga 116
#headerright {
float: right;
display: inline;
width: 670px;
height: 100px;
margin: 0 20px 0 0;
padding: 0;
}
Deve diventare così
#headerright {
float: right;
display: inline;
width: 630px;
height: 100px;
margin: 0 20px 0 0;
padding: 0;
}
OOOpss, vedo che hai risolto accorciando il titolo.
Bravo, a volte basta usare il pensiero laterale.
Ciao!