unverständliches Verhalten vom Footer-Menü

StMa

Hallo ich habe ein Verhalten das ich nicht verstehe.
Ich möchte das Manü im Footer zentrieren.

Mit dem user.css Eintrag funktioniert es local gut, im WEB funktioniert der gleiche Eintrag nicht.

/*Footer Menüzeile zentrieren */

.container-footer .grid-child .menu-horizontal {

width: 100%;

flex-direction: inherit;

justify-content: center;

font-style: italic;

}

Nachdem ich von Joomla4 auf 5 umgestellt habe, bekomme ich kein Hamburger Menü mehr. Auch wenn ich die user.css ausschalte kommt es nicht. Das Template steht auf Fluid.

Stef

Versuche es mit diesem Code:

Code

.container-footer {
  display: grid;
}

.footer .grid-child {
  padding: 1rem 1em;
}

chr-hl

Moin,

m.E. müßte die Auswahl des Layouts im Menümodul die Ursache sein.

Mit "Collapsible Dropdown" funktioniert es.

Christian

StMa

Zitat von chr-hl

Moin,

m.E. müßte die Auswahl des Layouts im Menümodul die Ursache sein.
Mit "Collapsible Dropdown" funktioniert es.

Christian

funktioniert leider bei mir auch mit collapsible Dropdown nicht.

Stef funktioniert leider auch nicht.

Als einziges funktioniert "font-style: italic;"

Stef

Zitat von StMa

Stef funktioniert leider auch nicht.

Hier noch eine kleine Anpassung:

Code

.container-footer {
  display: grid;
  justify-content: center
}

.footer .grid-child {
  padding: 1rem 1em;
}

chr-hl

Zitat von StMa

funktioniert leider bei mir auch mit collapsible Dropdown nicht.

Komisch, hatte ich auch getestet.

Dein Menü im Footer, kann im Moment den "Hamburger"!

StMa

mit dem Code von Stef ist es mit "collapsible Dropdown" und mit "Dropdown" zentriert.

Aber warum ist jetzt der (grüne) Footer doppelt so hoch wie vorher? und ich kann keine Schrift mehr verändern.

Ich blicke da nicht mehr durch

Stef

Zitat von StMa

mit dem Code von Stef ist es mit "collapsible Dropdown" und mit "Dropdown" zentriert.
Aber warum ist jetzt der (grüne) Footer doppelt so hoch wie vorher? und ich kann keine Schrift mehr verändern.
Ich blicke da nicht mehr durch

Ändere einfach die padding Werte, vielleicht für dich mit padding: 5px;

Kleine Bemerkung:

Auf Mobile ist auf jeder Seite echt ein Chaos zu sehen.

Ich rate dir eine Kontrolle, und zwar nach jeder Anpassung.

JoomlaWunder

Interessante Sportarten, die euer Schützenverein da so betreibt.....

StMa

Da wir noch im Aufbau sind, suchen noch Freiwilige.

StMa

erledigt, ich hatte ein Fehler in der user.css