Upgrade Slider funktioniert nicht

[Michi Löffler]

Hallo zusammen
ich habe heute die Seite www.loeffler-web.ch von 3.5.x auf 4.13.x angehoben.
Hat eigentlich alles bestens geklappt, doch folgendes nicht:
- Oben die Navigation, der Header ist verzogen
- Der Slide funktioniert nicht, die Bilder etc werden unteinander angezeigt
- Weiter unten zeigt es die Kunden nicht als Slide an

Weiss jemand, was hier untergegangen ist oder was man machen muss, dass dies auch wieder klappt ?
lw.loeffler-web.ch

[mlweb]

Was in der Navigation "verzogen"? Ich kann da auf Anhieb nichts entdecken, aber ich weiss ja auch nicht wie es ggf. aussehen soll.
Auch der Slider sieht bei mir ganz normal aus.

[Michi Löffler]

Also ich meinte wenn man
www.loeffler-web.ch (aktuelle Version auf Contao 3.5.40) vergleicht mit
lw.loeffler-web.ch (Contao 4.13.30)....
Beim zweiten Link funktioniert der Slider bei mir nicht und im Header ist das Logo und die Navigation mehr nach aussen gezogen

[mlweb]

Ach so. Ich hatte die zweite Adresse wohl überlesen.
Vergleiche mal das Markup der Navigation.
Neu strong alt span. Damit musst Du das CSS der Navigation anpassen.

Was den Slider betrifft - ist das ist nicht Core.
Wenn ich das richtig sehe ist es der Flexslider. Wenn ja, funktioniert der überhaupt mit contao 4.13? Ich sehe da einige js-Fehler. Im Forum habe ich kurz geschaut und einen Eintrag zu Contao 4.9 und Problemen mit dem Flexslider gesehen. Auf Github sieht man, dass die Erweiterung seit einem Jahr nicht mehr angefasst wurde und ein Ticket darauf schließen lässt, dass dieser Slider nicht kompatibel mit Contao 4.13 ist https://github.com/asconsulting/flexslider/issues/6
Wenn es der Flexslider ist, würde ich mich nach einem anderen Slider umsehen oder schauen, ob sich ein Entwickler findet, der die Erweiterung gegen Bezahlung fit für Contao 4.13 macht.

[Michi Löffler]

Vielen Dank, ich habe das nun mit dem Rocksolid Slider gemacht.
Der Hauptblock ist damit zwar nicht mehr so dynamisch, muss es ja aber auch nicht.
Die Referenzen klappen so auch bestens mit dem Rocksolid Slider.

Betreffend dem Logo und Navigation habe ich einen grossen Teil auch hinbekommen (Margin links und rechts), damit es wieder ungefäht am gleichen Ort wie zuvor ist.
Was ich aber noch nicht hinbekommen habe und gerne noch etwas Hilfe brauchen könnte, ist der Teil der Navigation, welche bei Selektion mit Farbe hinterlegt wird.

Wenn ich mit der Mause darüber fahre, dann klappt das Hoover perfekt doch wenn ich eine Navigation selektiere, dann wird es nicht blau hinterlegt wie in der alten Version.
Ich sehe, dass "nav#mainmenu ul li span" etwas damit zu tun haben könnte, doch bringe ich es mit Contao 4 nicht hin, dass es dann auch blau hinterlegt ist, wenn ich es selektiert habe.
Hast Du mir einen Hinweis, wie ich das hinbekommen könnte ?

[mlweb]

Hat ja nichts mit Contao zu tun.
Das ist reines CSS unter Berücksichtigung des neuen Markups.
Du musst für die Navigation bei allen Elementen das CSS anpassen, die jetzt strong im Markup haben und früher span.
Also z.B. statt

nav#mainmenu ul li span {
  background-color: #63AFCF;
  color: #fff;

}

jetzt

nav#mainmenu ul li strong {
  background-color: #63AFCF;
  color: #fff;

}

Auf diese Dinge hin musst Du den CSS-Code für die Navigation durchsuchen und span durch strong ersetzen. Ich glaube bei unverändertem Navigationstemplate aus dem Core könnten das tatsächlich ausnahmlos alle span-Tags sein.

Das meinte ich mit: "Vergleiche mal das Markup der Navigation.
Neu strong alt span. Damit musst Du das CSS der Navigation anpassen."

[Michi Löffler]

Super, ich danke Dir vielmals, hat soweit sehr gut gepasst und funktioniert.
Nun habe ich nur noch eines, was ich gerade nicht entdecke...
Wenn man den Header anschaut mit dem Logo und der Navigation, verglichen mit der jetzigen Seite auf Contao 3.x ist diese nicht auf der gleichen Höhe.... Und hinter dem Logo sieht man noch den Link versteckt... Woran kann das liegen ?
Habe auch nicht das entsprechende css gefunden wo man den "Header" vergrössern oder versetzen könnte, dass es an der gleichen Position ist.