JP Kids Template Menü mittig!

Ein Link zur Seite und der name des Templates könnten evenuell weiter helfen...

ohne garantie bzw wissen über weitere auswirkungen auf das template ändert es sich bei mir in der
Menu.css zeile 108 "display: block; geändert in: "contents;" dann ist es mittig

pfad der datei: /templates/jp-kids/css/menu.css
(gerne weitere bzw besser Vorschläge dem brunoloeffel geben)

Moin,
menu.css, zeile 105
.legaline ul ergänzen um max-width: 1000px;

menu.css, Zeile 106
.legaline ul li ergänzen um float: left;

Christian

Hallo,

da müßtest Du m.E. mit @media im CSS arbeiten.
Bsp. (entsprechend anpassen bzw. ergänzen)
@media (max-width: 767px) {
.legaline ul li {
float: None;
}

Hallo,

irgendwie meine ich mich zu erinnern, dass so etwas mit text-align nicht geht.
Jedoch müßte m.E. mit margin/padding mit dem Wert "Auto" für links und rechts die Zentrierung erfolgen (tut sie aber nicht).
Ich würde einen Workaround vornehmen.
für .legaline ul iVm @media ein padding-left: 25%

Christian

Hallo,

also dieses: "ivM" gehört nicht zum Code. War sicher nur ein Vertippsel.

Probier mal folgendes:

Beim 1. Code, also dem @media .... fehlt am Schluß eine 2. schließende Klammer. Den letzten Code auch abändern.
Zusammenfassung - in etwa so:

@media (max-width: 767px) {
.legaline ul li {
float: none; }}


.legaline ul li {
    padding-left: 20%;
}

Liebe Grüße, Christine

Hallo,

öhm ... sehe keine Veränderung. bzw. gesagt, ist zwar was geändert worden, aber nicht so, wie in meinem post. Oder Cache spielt einen Streich.
Die 2. abschließende Klammer (bei @media etc.) fehlt immer noch. Beim letzten, ist 1 zuviel.

Daher meine Frage: Desktop möchtest Du doch horizontal - oder nicht? (wegen von Dir neu ergänztem Code).

Liebe Grüße, Christine