Graue Linien in Overly theme

Hallo liebe Leute

Ich folgendes Problem. in der Mobile ansicht von dem theme overlay habe über und unter der schrift menu
2 feine graue linien. Diese stören mich jetzt nicht sonderlich, nur wenn ich vom menu wieder zurück auf die standartansicht gehe sind diese 2 Linien blau. 1. kommen diese 2 blauen Linien von den grauen Trennlinien?
und 2. wie kann ich verhindern, dass diese blau werden?

Hier die Page: http://www.auf-draht.ch

Wäre um Hilfe sehr dankbar hab schon ewig rumprobiert und bin immer noch nicht weiter.

@SEpp55: Da hast du natürlich Recht und das hatte ich mir auch gedacht, als ich im style.css "rumgewütet" habe. Da die Änderungen aber nicht zum gewünschten Ergebniss geführt haben, dachte ich könne ein evtl. Update das Aussehen meiner Seite nicht beeinflussen. Besser wäre es sicher gesehen, wenn ich dieEinstellungen wieder rückgängig gemacht hätte nachdem ich gesehen hätte, dass sie nicht zum gewünschten Ziel führen. Oder eben noch besser wie du sagst nur mit der zusätzlichen CSS arbeiten.

Mir wäre schon geholfen, wenn ich wüsste von wo die 2 Linien herkommen (Im Bild gelb)

Zitat von SEpp55

Wenn du jetzt wissen willst, was du in der style.css geändert hast .....
Laden dir das Theme nochmals auf deinen Rechner und lade dir weiters die style.css via FTP von deinem Account.
Für Notepad++ gibts das Plugin "Compare", mit dem du schnell findest, wo die Unterschiede sind! LINK

Danke für den Tip, ich bin jedoch ein Mac-user. Ich schau mal obs was vergleichbares für den Mac gibt.

Hab was gefunden: kdiff3 und werde mich jetzt langsam Zurück arbeiten. Nun ist die Startseite grau unterlegt. Ich hab das versucht über das zusätzliche css zu ändern so:
pre {
background: #eee;
}

Das scheint aber nicht das richtige zu sein.

Zitat von SEpp55

Jetzt wäre eine Kopie der gestrigen style.css interessant (ich habe die nicht gespeichert....), um das rekonstruieren zu können ;)

Ich hab mir auch keine Kopie gemacht. Jetzt such ich die Stelle.

Wenn man den Farbcode nicht ändert dann passiert natürlich nichts - ich Dumpfbacke!

so ists richtig: pre {
background: #fff;
}

Aber mein Ursächliches Problem - die blauen Balken - bleiben bestehen.
ich hab nochmal in der Preview-Version vo Overlay nachgesehen: https://wordpress.org/themes/overlay/

Dort gibt es keinen close button des aufklappbaren Menus und so tauchen die blauen Balken auch nicht auf. Wenn ich jedoch auf Menu klicke und halte, tauchen die gleichen Balken auf.

So sehen nun also meine zusätzlichen css-Eeinträge aus. die blauen Balken sind immer noch da.

pre {
background: #fff;
}

.main-navigation {
box-shadow: none;
}
.site-header {
box-shadow: none;
}

a:focus {
outline: none;
}

Zitat von mensmaximus

ich sehe keine blauen Balken. Lösch mal Deinen Browsercache

Betrifft nur die Mobile-Version.

Zitat von SEpp55

Mach bitte einen Screenshot!

Ein Screenshot ist im Post n4 zu sehen. Die Striche sind da zwar gelb (Entwickler-Tool von Firefox)