Öncelikle satır içi eklediğiniz text logo stillerini, css dosyasına ekleyin.

.site-logo a span {...} şeklinde.

Text logonun bozulduğu çözünürlük 600px olarak görünüyor. Bu yüzden 600px için min ve max media query tanımlayıp, 600px den büyük ekran boyutu için mevcut text logo css kodlarını kullanıp, 600px düşük ekran boyutu için de aynı class ismi için font size küçülterek tanımlama yaparsanız sorununuz çözülür.

@media only screen and (min-width: 600px) {
    .site-logo a span {
       /** ilgili css kodları **/
    }
}

@media only screen and (max-width: 600px) {
    .site-logo a span {
       /** ilgili css kodları **/
    }
}