Menü im Footer auf einer zentrierten Zeile

Ich baue gerade eine Joomla 5 Seite auf um eine Joomla 3 Seite zu ersetzen.

Hallo zusammen,

im Footer habe ich ein Menü gesetzt, über das Einträge wie Impressum, Sitemap etc dargestellt werden sollen. Per default werden die Menü-Einträge linksbündig untereinander ausgegeben.

Die Ausgabe soll jedoch in einer zentrierten Zeile im Footer sein.

Im Footer-Menu habe ich unter "Erweitert" bei "CSS-Klasse Menü" den Wert " footer-menu" eingetragen und versuche nun ohne Erfolg die Ausgabe in der user.css zu beeinflussen.

Kann mir jemand bitte unter die Arme greifen mit welcher CSS Anweisungen ich das gewünschte Ergebnis erhalte?

Ich habe alle meine Versuche wieder entfernt damit keine "falschen" Anweisungen ausgegeben werden.

Wäre Euch sehr dankbar.

Viele Grüsse,
Daniel


PS: Childtemplate ist von Cassiopeia abgeleitet

Hallo Manfred,

nach eintragen von " menu-horizontal" hat sich nicht direkt etwas geändert, aber ich konnte mit der Anweisung dann zentrieren:

.menu-horizontal {
    justify-content: center;
}

Ist die Frage ob das so ausreicht.

Gruss,
Daniel

Hat doch nicht so funktioniert, irgendwie hatte ich das Ergebnis, ist aber nicht mehr nachstellebar, meine Nerven...

Hallo,

ich hatte verschiedenes im Inspector/DevTools versucht, hatte es dann geschafft das es zentriert war. Dann habe ich den Wert in die user.css eingetragen, ein refresh durchgeführt und dann festgestellt, das es so als auch manuell in DevTools nicht mehr funktioniert.

Bin gerade etwas gefrustet

So, nun Kommando zurück, neuer Tag, neues Glück.

Es klappt nun wie folgt:

/* *** Footer Menu *** */
/* Reagiert auf " menu-horizontal" in Menü "Erweitert/CSS-Klasse Menü" */
.container-footer .menu-horizontal {
  flex: 1 0 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  justify-content: center;
}