Versuch es mal damit
@media only screen and (max-width:900px) {
#mainmenu.nav {
display: flex;
flex-direction: column;
line-height: 24px;
}
}
CSS-Code kann man (wenn kein Child-Theme vorhanden ist) im WordPress-Backend >> Design >> Customizer >> zusätzliches CSS (ganz ans Ende) 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.
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).
Solltest du ein Cache-Plugin installiert haben, leere auch diesen Cache. Nun teste auf der Seite, ob du eine Änderung siehst. Auf einem Smartphone musst du natürlich den Browser-Cache anders entfernen.
Und zum Schluss noch dieser Hinweis:
Wir helfen hier bei Anwendungsproblemen, die in Zusammenhang mit WordPress auftauchen. Deine Fragen/Probleme sind jedoch bezogen auf CSS, da geben wir hin und wieder mal einen Tipp.
Für weitere CSS-Probleme jedoch solltest du dich selbst näher mit CSS beschäfigen z. B. hier, hier oder hier.
Ich ergänze diese Links zum Erlernen von CSS noch mit einem Link zu einem Hilfe- und Austausch-Forum für (u. a.) CSS -> Forum
Danke, dass hat Super damit geklappt
Freut mich. Danke für die Rückmeldung, ich setze den Thread dann auf gelöst (rechte Spalte), bitte denk nächstes Mal selbst daran 🙂
