Ankündigung

Einklappen
Keine Ankündigung bisher.

Positionstausch in der mobilen Ansicht

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Positionstausch in der mobilen Ansicht

    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

  • #2
    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
    http://www.premium-contao-themes.com

    Kommentar


    • #3
      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

      Kommentar

      Lädt...
      X