Ok, dann kurz skizziert, was man tun könnte um die rechte Spalte nach unten zu bringen.
Schau Dir die Datei responsive.css an (in contao 4.9 liegt diese im Ordner /assets/contao/css)
Du müsstest also den Breakpoint für diesen Code auf 1023px ändern. Das solltest du in Deinem eigenen CSS machen (Inhalt in eigenes CSS einarbeiten/kopieren), denn ich denke die Datei responsive.css wird bei einem Update überschrieben werden.
Wie man sieht wird im Contao Framework nicht mobile First gearbeitet.
Wenn Du das Framework nutzen willst, solltest Du auch Deine eigenen Anpassungen so machen.
Du brauchst jetzt noch einen Breakpoint für alles was maximal 1199 Pixel ist:
Code:
@media screen and (max-width:1199px) {
...
}
Man kann auch auf das Contao-Framework verzichten und mobile First arbeiten.
Wenn die rechte Spalte nicht mehr rechts sondern unten sein soll, darf sie nicht mehr gefloatet werden (clearen nicht vergessen - denn kein Float ohne Clear). Breite auf auto setzen und die entsprechenden Abstände müssen auf 0 gesetzt werden. Sieht man gut in der responsive.css - dort eben für alle Spalten. Im Wesentlichen ist es das schon, wenn der #wrapper keine feste Breite hat und auch alles andere nicht aus dem Layout ausbricht.
Alternativ baut man das Rahmenlayout vollkommen ohne Contao-Framwork auf (so mache ich das). Dabei musst Du dann das CSS-Framework etwas durchforsten und schauen was Du übernehmen musst in Dein eigenes Layout. Dann kann man z.B. das Rahmenlayout auch mit CSS-Grid umsetzen (eine mögliche Anregung findest du unter
https://blog.kulturbanause.de/2013/1...dule/#chapter7).
Lesezeichen