Verwendung: Reihenfolge der Spalten bei Mobilanwendungen

Juergen's Avatar

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

    RockSolid Themes's Avatar

    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;
        }
    }
    

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac