Der Header ist auf position:absolute gesetzt. Ändere das in position:relative.
Du hast auf manchen Seiten in Astra den transparenten Header aktiviert. Dieser positioniert den Kopfbereich (mit dem Logo + Menü) absolut und somit „aus dem Fluss“, wodurch der Inhalt am oberen Browserfenster andockt. Auf Seiten ohne diesen transparenten Header liegt der Inhalt nach dem Header, wodurch sich auch die Unterschiede in der Darstellung ergeben.
Astra hat zu dieser Funktioniert hier eine englischsprachige Dokumentation: https://wpastra.com/docs/transparent-header-for-hfb/
Ich würde empfehlen das global (also für alle Seiten die du hast) zu deaktivieren, denn aus meiner Sicht brauchst du den gar nicht. Das kannst du im Backend unter Design > Customizer > Header > Headertypen > Transparenter Header. Dort den Regler auf „Aus“ stellen und speichern.
Danach musst du vermutlich nochmal deine Seiten anschauen und prüfen, ob die Abstände nun einheitlich sind.
Bei weiteren Fragen kannst diese auch im englischsprachigen Supportforum von Astra loswerden: https://wordpress.org/support/theme/astra/
Thread-Starter
siguer
(@siguer)
Vielen Dank für die Antworten! Ich habe den transparenten Header aktiviert, habe allerdings immer noch das Problem. Das Problem bezieht sich vor allem auf die mobile Ansicht der Seite.
Bspw. haben die Container um die H1 „Allgemeine Geschäftsbedingungen“ und „Über uns“ dieselben Maße, zeigen sich aber komplett unterschiedlich (bei „Über uns“ wird die Überschrift komplett verschluckt)
Gibt es dazu noch Ideen?
Vielen lieben Dank vorab!
Thread-Starter
siguer
(@siguer)
Eventuell noch interessant: der oberste Abschnitt der Seiten besteht aus einem Container mit 0 Padding, darin ein weiterer mit bspw. 60, 30,20,30 und darin befindet sich die H1 Überschrift.
Ich habe außerdem den Eindruck, dass die Seiten, die unter „Angebot“ aufgelistet sind, d.h. im Menü nicht auf der obersten Ebene sind, sich anders verhalten, als die anderen. Vielleicht ist das aber Zufall.
Der Transparente Header von Astra ist weiterhin aktiv, dadurch kommt es auch weiterhin zu den Unterschieden. Möglicherweise hast du nur die Einstellung geändert, aber nicht den Cache des von dir genutzten Optimierungsplugin „W3 Total Cache“ geleert. Mach das mal, dann sollte es sicher anders aussehen.
Wenn du diesen CSS-Code verwendest, sollte das Problem gelöst sein (wie ich oben schrieb, statt absolute auf relative setzen)
@media (max-width: 921px) {
.ast-theme-transparent-header #masthead {
position:relative;
}
}
CSS-Code kann man
1.) Wenn kein Child-Theme vorhanden ist
im WordPress-Backend >> Design >> Customizer >> zusätzliches CSS (ganz ans Ende in einer neuen Zeile) einfügen.
Abgekürzter Weg -> (dein-domainname.de/wp-admin/customize.php), also:
/wp-admin/customize.php an deine Domain anhängen >>, aufrufen und dann auf zusätzliches CSS klicken, das funktioniert auch (noch?), wenn du unter dem Menüpunkt Design kein „Customizer“ mehr findest.
2.) Wenn du ein Child-Theme verwendest,
dann trage stattdessen den CSS-Code in die Datei style.css ganz ans Ende in einer neuen Zeile ein.
Nach dem Abspeichern musst du den Browsercache leeren, drücke dafür CTRL (STRG) + SHIFT + Entf gleichzeitig, dadurch wird in den gängigen Browsern ein Fenster zum Löschen geöffnet (weitere Hilfe dazu). Auf einem Smartphone musst du natürlich den Browser-Cache anders entfernen.
Solltest du ein Cache-Plugin installiert haben, leere auch diesen Cache. Nun teste auf der Seite, ob du eine Änderung siehst.
Thread-Starter
siguer
(@siguer)
Update: Ich habe nun auf jeder Seite einzeln in den Astra-Einstellungen („erweitert“) den transparenten Header deaktivieren können (keine Ahnung, warum das nicht global geht) und das scheint geklappt zu haben!
Danke für die Hilfe!
