Ciao,
il primo regola la larghezza del logo, il secondo quella del menù.
Ad esempio:
.col-xs-12.logo {
width:30%
}
.col-xs-12.col-sm-9 {
width:70%
}
Si allarga uno e si accorcia l'altro.
Puoi provare a metterlo in fondo al file template.css o, sarebbe meglio, fare un file custom.css e metterlo lì. Vedi nella documentazione se il template richiama già un file personale per i css. Nel caso lo fai e lo metti nella cartella css.