Hallo, mir ist unbemerkt das footer menü auf linksbündig verrutscht, ich möchte es aber mittig. Kann jedoch nicht herausfinden wo der css code dafür zu finden ist trotz Firebug.
Danke.
JP Kids Template Menü mittig!
- brunoloeffel
- Erledigt
-
-
Ein Link zur Seite und der name des Templates könnten evenuell weiter helfen...
-
Sorry war in Eile
www.maike-kindergeschichten.info
Template Name: JP Kids von Joomlaplates -
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 mittigpfad der datei: /templates/jp-kids/css/menu.css
(gerne weitere bzw besser Vorschläge dem brunoloeffel geben) -
Funktioniert bei mir leider nicht, hat keinerlei sichtbare Auswirkung.
-
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;
} -
Super, nur noch eine Sache, ich bin nicht so routiniert, ich bekomme mit "text-align: center;" das Menü nicht mittig.
-
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
-
Leider bekomme ich es so nicht hin.
-
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:Code@media (max-width: 767px) { .legaline ul li { float: none; }} .legaline ul li { padding-left: 20%; }
Liebe Grüße, Christine
-
Perfekt, vielen Dank für die Hilfe!
-
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
-
Mobile ist es doch wie im Screenshot richtig.
Und in der Desktop Version ist horizontal richtig.
Ich lösche jedes Mal den cach, gehe auf sicher dass ich die aktuelle Änderung habe.
Ist gut danke