Senkrechter Strich/ Pipe nur auf mobile-Darstellung unter der Überschrift

Ich nutze Twentyfourteen und habe die Autor/Kommentar/etc.-Zeile unterhalb der Überschrift bereits erfolgreich gelöscht. Dazu habe ich im CSS folgendes ergänzt:

.single-post .entry-date,
.single-post .byline,
.archive .entry-date,
.archive .byline,
.single-post .author{
display:none;
}

Jetzt taucht in der mobilen Ansicht (Smartphone) dort aber ein senkrechter Strich (Pipe) auf. :/

Hier ist der Link, die Pipe wird aber nur auf meinem Smartphone dargestellt. Auf Desktop und Tablet ist alles ok. Wie kann ich diesen Fehler beheben?

Danke SirEcotr,
füge ich .group-blog .byline ein, so taucht der Autorenname wieder auf, die Pipe ist zusätzlich da. Mit !important hat es aber geklappt.