PS: leider finde ich keine Möglichkeit hier einen SC anzuhängen
Siehe Wie kann man hier Bilder in einen Forenbeitrag einfügen?
Du hast ganz schön viel individualisiertes CSS im Einsatz. Ergänze hier
@media (max-width: 921px) {
/* 1. POSITION-FIX (wichtig - bleibt!) */
.ast-mobile-popup-drawer,
.ast-builder-menu-mobile .main-header-menu {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 300px !important;
height:100vh !important;
z-index: 9999 !important;
transform: translateX(0%) !important;
overflow-y: auto;
}
}
mal noch die Eigenschaft:
display: block;
Dadurch wird aus dem Flex-Element (was die Höhe verursacht) ein Block-Element. Dadurch verschwindet die Höhe. Allerdings sieht es dann noch nicht ganz hübsch aus. Du hast auch die Pfeile in dem Menü mit individuellem CSS positioniert. Das müsstest du nochmal anpassen.
-
Diese Antwort wurde vor 2 Monaten von
threadi geändert.
besten Dank, ich hab von den sachen eh keine Ahnung, ich mach nur das was KI mir sagt. ;-))) aber das hat sie eben auch nicht hinbekommen, stattdessen steht da jetzt sicher viel unnützes zeug drin, was ich aber nicht einfach löschen will, weil ich nicht weiß, was das für nebenwirkungen auslösen kann.
LG,
sven
ich mach nur das was KI mir sagt
Keine gute Idee, man sollte zumindest so halbwegs verstehen, was die KI liefert. Alles andere endet sonst irgendwann im Chaos. 😉
es is wie verhext, einstellen kann ich den trennerabstand immer noch nicht, jetzt kann ich zwar die kleinen Pfeile rechts in ihrer Position verändern, bringt aber für die gesamthöhe nix
aber dafür, dass ich nur das mache, was KI mir sagt und eigentlich keine ahnung habe, bin ich mit meinen seiten (sternenrost.de) ganz zufrieden ;-)), die seitenaufrufe bestätigen das ja auch ein wenig.
Dieser CSS-Code sollte es beheben:
@media (max-width: 921px) {
.ast-mobile-popup-drawer, .ast-builder-menu-mobile .main-header-menu {
height: auto !important;
}
}
Nachtrag, Bonus-Tipp
Füge außerdem noch diesen Code hinzu, ganz ans Ende in einer neuen Zeile, damit die Buttons „zum Anfang/aktuellen Fall“ das mobile Menü nicht überlappen
a.akte-latest-button-fixed,
a.akte-button-fixed {
z-index: 1;
}
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.
Danke, aber das nutzt nix, denn damit kann ich das aufgeklappte Menü nicht mehr scrollen, wenn ich z. B. ein langes untermenü aufgeaklppt habe.
Das konnte ich reproduzieren, hier ist der neue CSS-Code
@media (max-width: 921px) {
.ast-mobile-popup-drawer, .ast-builder-menu-mobile .main-header-menu {
height: auto !important;
max-height: 100vh !important;
}
}
a.akte-latest-button-fixed,
a.akte-button-fixed {
z-index: 1;
}
juhhu, jetzt passt´s, prima und herzlichen Dank, genauso hab ich mir das vorgestellt. Perfekt! :-))
sorry, dass ich etwas länger gebraucht habe zu reagieren, bin grad nach mit ner andern sache beschäftigt.
Gerne 🙂 Danke für die Rückmeldung und das Setzen des Threads auf gelöst.
