Ankerlink an den Anfang der Seite
foto von megan allen
Generic filters
Filter by Kategorien

Der Beitrag, geschriebem am 29. November 2022, ist schon etwas älter und könnte womöglich nicht mehr aktuell sein

Wenn ein User in WordPress angemeldet ist, und die Anzeige der Admin-Bar im Frontend nicht explizit abgeschaltet ist, findet man im Quellcode der Seiten folgendes CSS-Snippet:


<style media="screen">
	html { margin-top: 32px !important; }
	@media screen and ( max-width: 782px ) {
		html { margin-top: 46px !important; }
	}
</style>

Das sorgt normalerweise dafür, dass die fix oben positionierte Admin-Leiste keine Inhalte überdeckt, und die Leiste selbst am oberen Browserrand abschließt.

In einem Fall zu dem ich neulich hinzugezogen wurde verhielt es sich jedoch anders. Die Adminbar schloss nicht am oberen Rand ab, sondern hatte 32px Abstand von oben. Der Inhalt kam also erst nach 64px, während oben eine weiße Lücke klaffte.

Das war zwar nicht die eigentliche Aufgabe, doch mich störte dieser Abstand, sodass ich mich auf die Suche nach der Ursache begab.

Die Auflösung war sehr speziell, und ich entdeckte sie im Customizer CSS.

body {
     transform: scale(1);
}

Nachdem das Snippet entfernt war, befanden sich Seitenleiste und Inhalt wieder an der vorgesehenen Position.

Bitte das Kommentarfeld nicht für Supportanfragen nutzen; hier kann kein Support angeboten werden. Die Angabe von Name oder E-Mail-Adresse ist optional, ein Spitzname wäre trotzdem nett.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Hinweis: Name und E-Mail-Adresse (beides optional, da alle Kommentare moderiert werden) werden dauerhaft gespeichert. Über dieses Formular kann jeder Zeit die Löschung persönlicher Daten oder Kommentare angefordert werden; die Anfrage wird nicht veröffentlicht und nach der Bearbeitung gelöscht. IP-Adressen, die mit Kommentaren gespeichert werden, werden nach zwei Monaten automatisch gelöscht.

Ihre Nachricht wird möglicherweise zur Spam-Prüfung an OpenAI (USA) weitergeleitet. Weitere Informationen finden Sie in unserer Datenschutzerklärung.