Mobile-Ansicht immer alles linksbündig darstellen

Allgemeine Fragen
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

Mobile-Ansicht immer alles linksbündig darstellen

Ungelesener Beitrag 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!
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Mobile-Ansicht immer alles linksbündig darstellen

Ungelesener Beitrag 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.
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

Re: Mobile-Ansicht immer alles linksbündig darstellen

Ungelesener Beitrag von inno »

Danke schon mal.
Es geht um das ART M4-Theme und den ersten Block bei den Feature (News + 3 Spalten).
Gruss
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Mobile-Ansicht immer alles linksbündig darstellen

Ungelesener Beitrag von Tommy Herrmann »

... hmm - ich finde das ja nun für das Handy nicht sooo schlecht :confused:

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):

@media align left.JPG
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

Re: Mobile-Ansicht immer alles linksbündig darstellen

Ungelesener Beitrag von inno »

Klasse! Funktioniert! Vielen Dank!
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Mobile-Ansicht immer alles linksbündig darstellen

Ungelesener Beitrag von Tommy Herrmann »

... danke für Deine Rückmeldungen :tu:
Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 21 Gäste