Seite 1 von 1
Mobile-Ansicht immer alles linksbündig darstellen
Verfasst: Mi 7. Jul 2021, 16:32
von inno
Hallo, wie kann man in der Mobilversion ("Hamburger"-Version) alle Texte immer linksbündig darstellen.
Teilweise werden die Texte in den unterschiedlichen Blöcken mittig dargestellt, obwohl in der "Desktop"-Ansicht alles linkbündig steht.
Danke für die Hilfe!
Re: Mobile-Ansicht immer alles linksbündig darstellen
Verfasst: Mi 7. Jul 2021, 17:21
von Tommy Herrmann
Hallo,
Du - das kann man so
nicht pauschal sagen, denn jeder Mobirise-Block hat da seine ganz eigenen CSS-Einstellungen und da müsste man dann eben auch in die CSS eine jeden Blocks gucken.
Grundsätzlich gibt es aber auch jede Menge Blöcke, die am Handy den Text nicht zentriert darstellen.
Das wird über die
@media Anweisung gesteuert. Also z.B.:
Code: Alles auswählen
@media (max-width: 767px) {
.align-left,
.align-center,
.align-right,
.mbr-section-btn,
.mbr-section-title {
text-align: center;
}
}
Da müsstest Du dann ganz genau mal den Block und das Thema benennen.
Re: Mobile-Ansicht immer alles linksbündig darstellen
Verfasst: Mi 7. Jul 2021, 17:36
von inno
Danke schon mal.
Es geht um das ART M4-Theme und den ersten Block bei den Feature (News + 3 Spalten).
Gruss
Re: Mobile-Ansicht immer alles linksbündig darstellen
Verfasst: Mi 7. Jul 2021, 18:21
von Tommy Herrmann
... hmm - ich finde das ja nun für das Handy nicht sooo schlecht
Wolltest Du das
linksbündig haben, dann kopiere diese Class:
Code: Alles auswählen
@media (max-width: 767px) {
.align-left, .align-right {
text-align: left;
}
}
... mit der Du das ursprüngliche Zentrieren:
text-align: center;
eben in
linksbündig abänderst und füge diese in den Bereich "
CSS Editor" vom "Code Editor" ein (siehe Screenshot - markierten Bereich - unten):
Re: Mobile-Ansicht immer alles linksbündig darstellen
Verfasst: Do 8. Jul 2021, 10:58
von inno
Klasse! Funktioniert! Vielen Dank!
Re: Mobile-Ansicht immer alles linksbündig darstellen
Verfasst: Do 8. Jul 2021, 11:17
von Tommy Herrmann
... danke für Deine Rückmeldungen
