Wer mit dem Gedanken spielt, auf den Einsatz der Contao-eigenen CSS-Frameworks "Responsives Layout" und "Layout-Builder" zu verzichten, sollte auf jeden Fall die CSS-Regel
Code:
.block {
overflow: hidden;
}
aus der Layout-Builder-CSS-Datei in die eigene CSS-Datei (custom.css) übernehmen.
Beim Herausfiltern der benötigten CSS-Regeln habe ich diese unscheinbare Regel übersehen.
Sie sorgt dafür, dass die Navigation auf dem Smartphone korrekt angezeigt wird. Die CSS-Klasse ".block" wird in den Navigationsmodulen verwendet.
Ich hatte diese Regel nicht übernommen, weil beim Testen im simulierten Smartphone-Mode des Browsers kein Unterschied sichtbar wird, wenn diese Regel fehlt.
Der Unterschied ist erst beim Testen auf dem Smartphone aufgefallen.
Möglicherweise gibt es noch weitere CSS-Regeln in "Responsives Layout" und "Layout-Builder", die, wenn sie fehlen, nur beim Testen auf dem Smartphone auffallen.
Lesezeichen