responsive-navigation

[Wolf_v2]

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

[stefan.sl]

Hast du jQuery im Seitenlayout aktiviert?

TypeError: $(...).ready is not a function

EDIT: Scheinbar nicht

[Wolf_v2]

Doch ist aktiviert und j_responsive_navigation ebenfalls.

[Andreas]

Wrappe deine jQuery-Scripts hiermit

// Contao 3
(function($) {
  // code goes here
})(jQuery);

// Contao 4
jQuery(function($) {
  // code goes here
}); 

[Wolf_v2]

Ich habe die Datei responsive-navigation.js wie folgt geändert.

//original
jQuery(document).ready(function ($) {
//code
})

//geändert in

(function ($) {
//code
})(jQuery); 

Das bringt leider auch keinen Erfolg.

[Andreas]

Das war nicht gedacht, dass du deinen Code entfernst, sondern ihn wrapst/kappselst.
Vorher:

$(document).ready(function() {
  // Dock the header to the top of the window when scrolled past the banner.
  // ...
}); 

Nachher:

(function($) {
  $(document).ready(function() {
    // Dock the header to the top of the window when scrolled past the banner.
    // ...
  });
})(jQuery); 

[Wolf_v2]

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.

[Andreas]

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.

[Wolf_v2]

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.

[Thoni]

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:

<label class="switch">
  <input type="checkbox">

...


</label>

Mein CSS sieht dazu so aus:

// 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'.
}

Es war ein 'Blitzprojekt' zur Eröffnung und noch nicht ganz durchgetestet: http://ferienwohnung-mellen.de/

Vielleicht hilft es weiter.

Gruß
Thoni

[wolli]

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

[Thoni]

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

[wolli]

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

[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,

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

[Silvi79]

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?

[folkfreund]

Kann das sein?

Das kann ich mir nur schwer vorstellen. Aber wenn du beides hast, dann schick doch bitte mal Links zu beiden Seiten.

[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.

[Silvi79]

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.

[folkfreund]

Die neue Version erwartet

var $menuBar = $('#mainmenu ul[role=menubar]')

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 :-)

Edit:
alternativ leg ein neues Template von nav_default.html5 an und ändere die erste Zeile von

<ul class="<?= $this->level ?>">

in

<ul role="menubar" class="<?= $this->level ?>">

(unter der Voraussetzung, dass dein Hauptmenü "nav_default" verwendet)