Contao 4.9.14: mobiles Seitenlayout wird nicht zugewiesen

Hallo,


für die mobile Nutzung wurde ein mobiles Seitenlayout erstellt und zugewiesen, siehe Anlage.

Dort ist der Magnet- Effekt (Sticky) für die Navigation anders als im normalen Weblayout.

Leider haben mehrere Tests ergeben, das dieses mobile Seitenlayout überhaupt NICHT zugewiesen wird.


- https://www.dc-zuarin.de
- Cache im Browser/ Contao Admin Bereich/ Contao Manager geleert



Was habe ich übersehen ?

Vielen Dank für Hinweise.

Wie sollte das Verhalten auf einem mobilen Gerät denn sein? Auf meinem Smartphone verhält sich die Navigation jedenfalls anders als auf dem Desktop. Auf dem Desktop ist die Navi oben sticky, auf dem Smartphone nicht, da wird sie einfach ganz normal nach oben rausgescrollt.

Es gibt unterschiedliche Navi- Leisten.

Im mobile Seiten- Layout ist eine grüne Navileiste im Einsatz, welche NICHT bei der Desktop- Version gezueigt wird.

Und genau dafür gibt es 2 unterschiedliche Seiten- Layouts.

Ich habe nochmals im Browser die Simulation mit dem Inspector gemacht: das mobile Seitenlayout wird NICHT geladen und damit gibt es auch keinen Magnet- Effekt.

Eine grüne Leiste ist doch auch beim Desktop im Einsatz. Allerdings sind mobil die drei Links nicht mehr oben, sondern weiß links in der grünen Leiste. und drüber nur das Logo, grün umrandet mit weißem Hintergrund, ohne Vereinsnamen. Naja, jedenfalls bei Firefox auf dem Android Phone vertikal. Mit dem Android phone horizontal und auch mit dem Google Chrome und z.B. iPhone X Simulation kommt der Vereinsname neben dem Logo und die drei Links sind ebenfalls weiß links in der grünen Leiste, rechts das Burger-Menü.

Ja, das ist ja auch alles korrekt, es geht um die Fixierung mitztels sticky- Plugin

Desktop Ansicht:

Code:

---

$("#hauptnavigation").sticky({topSpacing:0, className:'sticky_animation' });

---

Mobile:

Code:

---

$(".mod_mobile_menu").sticky({topSpacing:0, className:'test' });  });

---

Das mobile Seitzenlayout wurde deaktiviert.

Im Standard- Layout wurden beide Fixierungen mittels sticky eingetragen:

Code:

---

        $("#hauptnavigation").sticky({topSpacing:0, className:'sticky_animation' });
        $(".mod_mobile_menu").sticky({topSpacing:0, className:'sticky_animation2' });

---

Und je aktiver Ansicht der 2 Navigations- Module erfolgt die entsdprechende Fixierung.




Vielen Dank für die Hinweise.

J. Heinrich
mv-soft.de