Superfish funktioniert nicht bei aktivem Layout-Builder

Hallo,

ich erstelle gerade eine Seite und möchte Superfish als Navigation einsetzen.

Das CSS wird übernommen und die erste Menüebene richtig angezeigt, allerdings funktioniert das Superfish-Menü nicht. Die erste Ebene wird angezeigt, es kann aber kein Menüpunkt angeklickt werden bzw. die zweite Ebene öffnet sich nicht.

Jetzt habe ich festgestellt, dass wenn ich im Seitenlayout den Contao-Layout-Builder deaktiviere, das Superfish-Menü problemlos funktioniert.

Gestestet wurde das Ganze mit Firefox, Chrome, Safari und IE, wobei interessanterweise im IE 10 das Superfish-Menü funktioniert.

Verwendet wird Contao 3.2.7 und Superfish 2.3.0 Build 20.

Bei Bedarf kann ich einen Admin-Zugang zur Installation per PN schicken.

Wer hat einen Tipp woran das liegen kann?

Danke.

Schmidty

Hmm ich tippe mal auf das übliche Problem:
Alle Elemente mit der Klasse 'block' bekommen ein 'overflow: hidden'. Deswegen ist da nix zu sehen bei einem dropdown, weil die <nav> diese Klasse auch hat (glaub ich). Deswegen müsstest du das für die Navi in deinem CSS überschreiben like:
nav.block {overflow: visible;}

Viele Grüße

Hallo,

leider funktioniert es trotzdem nicht, noch nicht einmal die Links der ersten Ebene können angeklickt werden (keine Veränderung).

Die Original superfish.css hat schon die CSS-Anweisung

Code:

---

.block{overflow: visible !important}

---

mit an Bord, ich habe zusätzlich noch

Code:

---

.mod_navigation.block{overflow:visible;z-index:2000}

---

eingefügt - das Ergebnis bleibt das selbe: Es lässt sich kein Link anklicken, noch nicht einmal die Links der ersten Ebene.

Wenn es benötigt wird: Einen Admin-Zugang kann ich gerne per PM schicken.

Danke für die Hilfe.

Schmidty

Könnte an dieser Stelle im laylout.css liegen: wenn man content:""; im Devtool disabled bzw. im layout.css auskommentiert, läuft das superfish menu auch mit layout-builder.

#container:after, .custom:after {
content: "";
display: table;
clear: both;
}

Hallo,

ich habe das Ganze jetzt in eine separate Testinstallation ausgelagert um weiter testen zu können. Neue Contao-Installation (3.2.7) nur die superfish-Extension (Superfish 2.3.0 Build 20) installiert. Egal welchen der oben genannten Tipps ich ausprobiere (auch die Kombinationen davon) - das Ergebnis bleibt unverändert: Sobald der Layout-Builder aktiviert ist, funktionieren nicht einmal mehr die Links der obersten Ebene, es kann überhaupt kein Meüpunkt ausgewählt werden.

Wenn ich über Firebug den Befehl .block {overflow: visible !important;} aus der Datei superfish.css deaktiviere funktioniert das Menü, nur die Überlagerung (visible) ist nicht vorhanden, das Menü wird an der Unterkante des Headers abgeschnitten.

Was immer noch intersasant ist: Im IE10 funktioniert das Menü problemlos.

Wer kann sich das Ganze einmal anschauen? Zugangsdaten gerne per PN.

Danke für die Hilfe.

Schmidty

Hallo Schmidty,

ich hatte vor einiger Zeit ein ähnliches Problem und konnte es lösen, indem ich dem #header position:absolute gegeben habe. Wäre interessant zu wissen, welchen Konflikt im CSS es genau gibt.

@Schmidty

Ich habe die superfish-Navi schon öfter eingesetzt und im Grunde nie Probleme damit gehabt, kenne aber den von Dir beschriebenen Effekt.
Ich habe um die Navi ein div , dass ich z.B. #mainmenu nenne,

PHP-Code:

---

#mainmenu {
    overflow: visible;
    position: relative;
} 


---

Den erwähnten Teil im im sf-meun css .block {overflow: visible !important;} kommentiere ich aus - klappt einwandfrei, vielleicht hilft Dir das.

LG
Bennie

Hallo Bennie, hallo bird,

Danke für Eure Tipps. Ich habe beides (getrennt voneinander) ausprobiert, leider erfolglos. Die Caches wurden geleert - keine Änderung.

Das Ganze ist eine neue, leere Testinstallation, sonst nichts weiter installiert. Soll ich Euch per PN einen Zugang zur Installation schicken?

Viele Grüße

Schmidty

Gerne, ich schau mir das mal an .

Vielleicht finden wir die Lösung.

Hallo,

hatte dasselbe Problem.

Bei mir funktioniert es, wenn ich im superfish-base.css bei .sf-menu, .sf-menu * ein position: absolute setze und #header .block overflow visible
auch 3.2.7

Ach so, der Versuch einer Gestaltung z.B. mit #mainnav schlug fehl: da benimmt sich der Container merkwürdig - insofern passt dies zu Deiner Erfahrung mit dem Layoutbuilder

VG

Sabine

@Sabine
das Problem wird vermutlich auch bei Dir sein, dass Du dem header keine explizite Höhe gegeben hast.
Das war nämlich das Problem bei Schmidty.
Dann überdeckt Dir die Einstellung

PHP-Code:

---

#container:after, .custom:after {
    clear: both;
    content: "";
    display: table;
} 


---

den header und somit funktioniert auch superfish nicht, bzw. lässt sich nicht anklicken.
Das wurde ja auch schon am Anfang des threads vermutet, aber eben nicht in Verbindung mit der fehlenden Höhe des headers.

Schmidty konnte so sein Problem lösen, wir hatten das schon ausprobiert nur noch nicht abschließend hier gepostet.

Danke für die Info :),

habe das Problem inzwischen auch so gelöst, wollte auch noch was schreiben, aber hatte gerade eine andere Baustelle.

Viele Grüße

Sabine

Hallo,
bitte entschuldigt die späte Rückmeldung.
Das einzige Problem war die Höhe von #header, da ist das Menü eingebunden. Wenn #header eine Höhe zuweist funktioniert das Superfish-Menü. Ich habe min-heigt für #header verwendet.
An den Superfish-Dateien wurden keine Änderungen vorgenommen.
Danke für die Tipps.
Schmidty