Home → Contao →

Verwendung: Reihenfolge der Spalten bei Mobilanwendungen

• Edit

Juergen

03 May, 2021 04:58 PM

Produkt: Tao Contao
Contao-Version: 4.9
Browser und Browserversionen: alle

Die Responsiveness ist dergestalt voreingestellt, dass zunächst die Hauptspalte, dann die linke Spalte und schließlich die rechte Spalte auf Smartphones dargestellt wird - lässt sich diese Reihenfolge ändern (rechts vor links)?

1. Support Staff 1 Posted by RockSolid Theme... on 04 May, 2021 11:47 AM

   

   Vielen Dank für Ihre Frage.

   Fügen Sie dafür bitte folgenden CSS-Code in die Datei files/tao/css/custom.css ein:

   @media screen and (max-width: 599px) {
       .tao-3-columns .content-wrapper {
           display: flex;
           flex-direction: column;
       }
       .tao-3-columns .main-content {
           margin-bottom: 0;
       }
       .tao-3-columns .sidebar:not(.-right) {
           order: 1;
       }
   }
   

   • Edit

2. 2 Posted by Bernator on 23 May, 2023 11:26 AM

   

   Bei mir habe ich einen Inhalt im Wechsel. Links Bild, rechts Text. In der nächsten Spalte links Text, rechts Text.

   Kann ich das so hinbekommen, dass es mobil immer gleich ist, z. B. oben Bild, darunter Text?

   • Edit

3. 3 Posted by Bernator on 23 May, 2023 11:54 AM

   

   @media screen and (max-width: 599px) {
        .rs-columns .fl-right {
           display: flex;
           flex-direction: column;
       }
        .rs-column.-small-first-row {
           order: 2;
       }
   }

   • Edit