Druckbare Version
Hallo,
ich will für eine Vereinswebsite die Erweiterung responsive-navigation einsetzen. Es ist alles, so wie in der Anleitung beschrieben, eingestellt. Wenn ich die Seite auf dem Smartphone aufrufe erscheint auch der "Hamburger" jedoch passiert nichts wenn ich den anklicke. Leider habe ich weder über Google, noch hier was darüber gefunden.
Hat jemand Erfahrung damit und kann mir bitte weiterhelfen?
Die Domain: http://kleingaertnerverein-averbruch.de/
LG
Wolfgang
Hast du jQuery im Seitenlayout aktiviert?
EDIT: Scheinbar nicht :)Code:TypeError: $(...).ready is not a function
Doch ist aktiviert und j_responsive_navigation ebenfalls.
Wrappe deine jQuery-Scripts hiermit
PHP-Code:// Contao 3
(function($) {
// code goes here
})(jQuery);
// Contao 4
jQuery(function($) {
// code goes here
});
Ich habe die Datei responsive-navigation.js wie folgt geändert.
Das bringt leider auch keinen Erfolg.PHP-Code://original
jQuery(document).ready(function ($) {
//code
})
//geändert in
(function ($) {
//code
})(jQuery);
Das war nicht gedacht, dass du deinen Code entfernst, sondern ihn wrapst/kappselst.
Vorher:
Nachher:PHP-Code:$(document).ready(function() {
// Dock the header to the top of the window when scrolled past the banner.
// ...
});
PHP-Code:(function($) {
$(document).ready(function() {
// Dock the header to the top of the window when scrolled past the banner.
// ...
});
})(jQuery);
Das hatte ich auch noch versucht, hat aber auch nichts geholfen. Es ist der Hamburger zu sehen aber der reagiert nicht.
Trotzdem Danke für deine Mühe.
Dann mach das doch mal bitte und zeige einen Link zu der Seite. Ich habe bis jetzt nämlich noch keine Änderungen an dem Code und auch keinen Hamburger gesehen.
OK, ist online!
17:00 Uhr muss ich wieder auf das andere Menü umstellen, da heute Abend Versammlung ist und die Seite da navigierbar sein sollte.
Hallo,
das Problem hatte ich auch bei einer OnePage - allerdings ohne diese Erweiterung.
Mobil funktionierte kein 'klick' auf den Hamburger.
Das Sliden habe ich komplett auf CSS umgestellt.
Um das UL habe ich im Template das gesetzt:
Mein CSS sieht dazu so aus:HTML-Code:<label class="switch">
<input type="checkbox">
...
</label>
Es war ein 'Blitzprojekt' zur Eröffnung und noch nicht ganz durchgetestet: http://ferienwohnung-mellen.de/Code:// im default-css
.switch input {
display:none;
}
// im css mit media-query (max-width)
.switch {
position:relative;
display:inline-block;
}
input:checked + ul {
... Änderungen zum 'Ausfahren'.
}
Vielleicht hilft es weiter.
Gruß
Thoni
Hallo Wolf_v2,
ich habe das so gelöst mit dk_mmenu und den Hamburger, und das Hauptmenu habe ich aus dem Buch "Contao" von Peter Müller, würde ich jedem dringent empfehlen zu lesen.
Unsere Webseite http://www.baerenbusch.de
Ich hoffe es hilft.
Wolli
Hallo wolli,
ich würde di mediaquery anpassen, weil sich das Menü zweizeilig hinter die Suche schiebt.
Zudem wäre ein 'X' zum Schließen des mobilen Menüs gut - oder den Hamburger nach links schieben, damit er sichtbar ist.
Viele Grüße
Thoni
Danke für die Info Thoni, von welcher größe gehst du aus Tablet,Ipat,Smartphone, Browser Firefox,Chrome,IE.
Ich wäre sehr Dankbar für die Info.
Wolli
Hi wolli,Zitat:
Zitat von wolli
mein erster Test ist nicht auf mobilen Geräten.
Am PC schiebe ich das Browserfenster zusammen und schaue, was passiert.
Nicht jede(r) maximiert die Fenster beim Surfen.
Teste es einfach aus.
Wenn du weitere Hilfe brauchst, melde dich einfach.
Gruß
Thoni
Ich habe das gleiche Problem mit der Erweiterung responsive-navigation.
Ich habe schon die komplette CSS abgeschaltet, um zu sehen, ob ich da versehentlich was überlagert habe, aber das ändert nichts. Kürzlich habe ich die Erweiterung auf einer anderen Seite problemlos zum Laufen bekommen.
Der einzige Unterschied, den ich bis jetzt ausmachen kann, ist die Contao-Version:
Läuft bei mir unter 3.5.24 - läuft nicht unter 3.5.25
Kann das sein?
Das kann ich mir nur schwer vorstellen. Aber wenn du beides hast, dann schick doch bitte mal Links zu beiden Seiten.Zitat:
Zitat von Silvi79
Wollte gerade editieren; nein, das ist nicht der Grund. Ich habe von 25 auf 24 "zurück-geupdatet", das hat nichts geändert.
Aber wenn ich mir die responsive-Ordner der beiden Webseiten miteinander vergleiche, sind die nicht identisch ... In der funktionierenden Version gibt es keine js-Datei im assets-Ordner, dafür aber ne htaccess.
Ich werde mir das mal genauer anschauen.
Ja, das ist es. Die aktuelle Version 1.1.1 von responsive-navigation funktioniert nicht unter Contao 3.5.24/25 (wie weit abwärts nicht, kann ich nicht sagen).
Auf der anderen Webseite habe ich Version 1.0.0 - und die läuft.
Die neue Version erwartet
role wird aber in der Contao-Version 3.5.24 (wahrscheinlich auch 3.5.25) nicht gesetzt. Das wäre dann wohl eine Nachricht an den Entwickler wert :-)Code:var $menuBar = $('#mainmenu ul[role=menubar]')
Edit:
alternativ leg ein neues Template von nav_default.html5 an und ändere die erste Zeile von
inHTML-Code:<ul class="<?= $this->level ?>">
(unter der Voraussetzung, dass dein Hauptmenü "nav_default" verwendet)HTML-Code:<ul role="menubar" class="<?= $this->level ?>">