Java Script Problem mobile_menü und scroll auf Mobilegeräten

Hallo zusammen

ich habe eine Contao 3.5.40 Installation migriert auf 4.9. was soweit problemlos war. Ich habe das Module mobile_menu eingebunden was ebenfalls problemlos funktioniert. Nur bei der Mobileansicht ab Höhe Footer scrollt der Inhalt automatisch nach oben oder wird ausgeblendet.

Wenn ich Java-Script deaktiviere ist das Problem weg. Ich habe RockSolid Slider und fontawesome installiert. Alle anderen Erweiterungen habe ich wieder entfernt um zu testen woran es liegen könnte. Auch im Logfile wird kein Fehler ausgegeben.

Ich finde den Fehler nicht und bin mit meinem Latein am Ende.

Hier der Link zur Webseite die noch in Arbeit ist neu.weidefarm.ch

Herzlichen Dank für Eure Hilfe
Rita

Hallo zusammen

Ich komme hier einfach nicht weiter. Der Body und Wrapper werden unten abgeschnitten vorallem in den Seiten mit viel Text. Und das nur bei mobilen Endgeräten und im Hochformat (Firefox Webkonsole). Es schein wie ein Hover-Effekt der die Inhalte überdeckt. Wenn ich JavaScrip im Layout deaktiviere, wird alles richtig angezeigt. An der Navigation liegt es nicht. Der abgeschnittene body bleibt auch wenn ich die Navigation rauslösche...
Das fe_page-Template habe ich auch neu gemacht. Vielleicht liegt es an einer Einstellung die aus der alten Contao 3.5... Installation kommt

Bin sehr dankbar für Tipps

Freundliche Grüsse
Rita

Hallo radm,

ohne einen Link zur Seite ist es schwer zu helfen.

Gruß

Hallo Mopic

Das ist noch der selbe wie im oberen Beitrag https://neu.weidefarm.ch/

Vielen Dank schon mal im Voraus
Gruss Rita

Zitat:

---

Zitat von radm

Das ist noch der selbe wie im oberen Beitrag https://neu.weidefarm.ch/

---

Entschuldige, den Link habe ich irgendwie übersehen.

Code:

---

@media screen and (max-width: 960px)
.mod_rocksolid_slider {
    display: none;
}

---

In deinem CSS gibst du dem Rocksolid Slider bis 960 Pixel die CSS Eigenschaft "display: none;".

Gib mal bitte dem Elternelement (also der Klasse .mod_article) diese Eigenschaft.
Du musst diesem Artikel natürlich vorher eine andere Klasse oder ID geben, sonst wird jeder .mod_article auf "display: none" gesetzt.

Ich habe das getestet und kann dann Mobil die ganze Seite scrollen, bis zum Ende.

Vielen Dank für deine Unterstützung.

Leider war's das nicht. Komisch ist, wenn ich in Firefox in der Webkonsole die Höhe anpasse, also Benutzerdefiniert, bleibt der Inhalt angezeigt.

Vielleicht sollte ich den Slider ganz rausnehmen..

Herzlichen Dank und Gruss
Rita

Zitat:

---

Zitat von radm

Leider war's das nicht.

---

Ich sehe das du dem Artikel jetzt die Klasse .slider gegeben hast, das ist gut.
Du hast folgendes in deiner CSS Anweisung:

Code:

---

.mod_article .slider, .mod_rocksolid_slider {
    display: none;
}

---

Damit sprichst du aber immer noch nicht den Artikel an, sondern den Kind-Selektor von .mod_article. Also in deiner Anweisung sprichst du beide Male den ".mod_rocksolid_slider" an.

Schreib also bitte mal in deinen CSS Anweisungen folgendes, OHNE das Leerzeichen zwischen ".mod_article" und ".slider".

Code:

---

.mod_article.slider, .mod_rocksolid_slider {
  display: none;
}

---

Und dann sag mal Bescheid, dann schaue ich nochmal nach. Das sollte funktionieren.

wow, du bist genial! Es hat geklappt!
Vielen herzlichen Dank für deine Hilfe :D

Zitat:

---

Zitat von radm

wow, du bist genial! Es hat geklappt!
Vielen herzlichen Dank für deine Hilfe :D

---

Gerne, schön wenn ich helfen konnte.