Positionstausch in der mobilen Ansicht

[bwmchris]

Hallo,

ich habe im Design Elemente, die in der mobilen Ansicht die Position tauschen sollen.
Diese sind als Beispiel wie folgt aufgebebaut

Desktop

| | |
| Text | |
| Text | Bild |
| Text | |
| | |


Mobil soll das dann wie folgt aussehen:

| |
| Bild |
| |
| Text |
| Text |
| Text |


Also das Bild soll die Position vor dem Text einnehmen.
Im Bootstrap Framework gibt/gab es hierfür immer Klassen mit denen man push- und pull- initiieren konnte.


Gibt es hier eine ähnlich darstellbare Lösung?

LG

[Tim]

Ich hätte Mobil folgendes erwartet bzw. angestrebt:

Mobil:

TEXT

TEXT
BILD

TEXT

----
Die hier angestrebte Mobile Darstellung scheint mir ehrlich gesagt nicht stimmig zur Desktop-Ansicht. Ich wüsste nicht warum das Bild plötzlich höchste Hierarchie haben sollte, obwohl es im Desktop nur Element 3 ist.
Für diesen Aufbau würde ich ein Mobile-Switch Modul nehmen, auch wenn man es vielleicht mit CSS pushen könnte.
https://forum.premium-contao-themes....ice_visibility

[bwmchris]

Hi,

ja das stimmt das mit dem Bild ist ein unglückliches Beispiel weil es Interpretation offen lässt. Eigentlich habe ich Bild geholt weil ich dachte das ist einfacher.

Im meinem Fall habe ich ein Design, indem mal die H3 Headline rechts und links neben dem zugehörigen Text steht.
In der mobilen Ansicht aber immer natürlich über dem Text und nie unter dem Text.

Optimal wäre hier natürlich es steht im Quelltext "über" dem Paragraphen und wird per Design nach rechts gepusht in der Desktop ansicht.

LG