Problemi responsività tema Cooking Flavor dopo modifiche CSS

[tuttoramen]

Ciao, ho qualche problema con il tema di Altervista Cooking Flavor.
Ho fatto alcune modifiche al CSS (a proposito, ma un editor normale per tutti i file non esiste???), queste:

/* Insert Custom CSS here */

/* modifiche aspetto menu */
#header-layout2 #access {
    background: #c14836 none repeat scroll 0 0;
    border-radius: 10px;
    float: right;
}
#header-layout2 > #access > div > ul > li > a {
    color: #f4f4f4;
}

/* modifiche aspetto titolo widget */
.widget-title {
    color: #f4f4f4;
}

/* modifiche spazi */
#site-header {
    margin-bottom: 1px;
}

#header-layout2 .header-image {
    padding-top: 8px;
}

/* modifiche header */
#header-layout2 #site-title {
    font-size: 58px;
}
#header-layout2 #site-title {
    line-height: 1;
}

/* larghezza colonne */
.two-column #content {
    width: 108%;
}
#sidebar-primary {
    width: 27.6123%;
}

e quando restringo la finestra del browser si mischia tutto, soprattutto nella parte superiore tra header, titolo e menu.

C'è qualcosa che posso fare per evitare questi problemi? Ho cambiato in questa maniera per avere un titolo più grande, una barra in cui il menu fosse evidente e meno spazio tra le sezioni, ma non essendo un campione mi sa che ho fatto casino...

[karl94]

Per i temi sviluppati da AlterVista l'editor non è disponibile. Apportare modifiche al foglio di stile di un tema responsive come questo non è semplice e richiede una buona conoscenza dei fogli di stile CSS. Modificando le varie impostazioni che trovi nella sezione Personalizza non riesci a raggiungere un risultato che ti soddisfa?