-
Posts
-
Hallo,
ich habe gestern mein zweites Enfold theme bestellt und bearbeite gerade eine Website. Mein Problem ist folgendes:
Ich habe 3 Spalten je 1/3 Breite und 2 Zeilen davon, also 6 Column-Elemente:
1) In der ersten Zeile sind die 3 Spalten mit farblichem Hintergrund gelb die Platzhalter für das Element “spezielle Überschrift”.
2) Unter den Spalten sind dann jeweils 1 Bild und Text unter dem Bild, aber kein farblicher Hintergrund.
-> Auf dem PC sieht das auch ganz gut und wie gewünscht aus, also bunte Überschrift und darunter dann Bild mit Text.
-> Auf dem Smartphone erscheinen zuerst die drei Überschriften (da Columns nebeneinander) und dann jeweils drei mal die Bilder mit Text. Das ist aber nicht gewünscht, denn ich brauche die Überschrift (bunter Hintergrund) + Bild + Text zusammengehörig.Wie kann ich das machen? Schaut das Beispiel auf der Website unten einmal bitte auf PC und Smartphone an.
Vielen Dank für einen Lösungsvorschlag,
UweHallo,
ich habe gestern mein zweites Enfold theme bestellt und bearbeite gerade eine Website. Mein Problem ist folgendes:
Ich habe 3 Spalten je 1/3 Breite und 2 Zeilen davon, also 6 Column-Elemente:
1) In der ersten Zeile sind die 3 Spalten mit farblichem Hintergrund gelb die Platzhalter für das Element “spezielle Überschrift”.
2) Unter den Spalten sind dann jeweils 1 Bild und Text unter dem Bild, aber kein farblicher Hintergrund.
-> Auf dem PC sieht das auch ganz gut und wie gewünscht aus, also bunte Überschrift und darunter dann Bild mit Text.
-> Auf dem Smartphone erscheinen zuerst die drei Überschriften (da Columns nebeneinander) und dann jeweils drei mal die Bilder mit Text. Das ist aber nicht gewünscht, denn ich brauche die Überschrift (bunter Hintergrund) + Bild + Text zusammengehörig.Wie kann ich das machen? Schaut das Beispiel auf der Website unten einmal bitte auf PC und Smartphone an.
Vielen Dank für einen Lösungsvorschlag,
UweHi,
in solch einem Fall müsstest du eine extra Lösung für Mobile basteln. Die Desktop Variante kannst du dann ausschließlich auf dem Desktop darstellen, währen du die Mobile Variante für Desktop Größe deaktivierst. Eventuell müsstest du dafür mit Media Queries arbeiten.
Wenn du das hier machst: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements kannst du all deinen Elementen eine spezifische CSS Klasse zuweisen, damit du dann mittels Media Querries sagen kannst, dass sie nur für eine bestimmte Bildschirmgröße dargestellt werden.
Gruß,
Andy
- You must be logged in to reply to this topic.