Footer-Ansicht Tabelt-View im Hochformat
Footer-Ansicht Tabelt-View im Hochformat
Hallo,
beim Footer (Theme SocialM5) möchte ich gerne die Tablet-Ansicht (screen 2) so wie in der mobilen Ansicht (screen 1) haben, damit lange Wörter nicht komisch umgebrochen werden. Danke für die Hilfe
beim Footer (Theme SocialM5) möchte ich gerne die Tablet-Ansicht (screen 2) so wie in der mobilen Ansicht (screen 1) haben, damit lange Wörter nicht komisch umgebrochen werden. Danke für die Hilfe
- Tommy Herrmann
- Site Admin
- Beiträge: 5867
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Footer-Ansicht Tabelt-View im Hochformat
Moin,
... auch hier benötigen wir eine Online-Ansicht. Ich zum Beispiel werde jetzt nicht mit diesen Themen extra für Deine Frage eine Webseite erstellen, damit ich das einsehen kann.
Das wird über Media-Abfragen (@media) via CSS gesteuert - gucke mal im Code-Editor, da solltest Du das finden.
Wenn Du diesen Umbruch aus der Handy-Ansicht schon am Tablet haben möchtest, muss dieser Abfrage eine andere Breite gegeben werden - eben die Breite vom Tablet.
Ansonsten sollte man lange Worte auch möglichst vermeiden und eventuell auch dem Block dann eine zusätzliche CSS geben, die das Wort richtig trennt, mit:
hyphens: auto;
... auch hier benötigen wir eine Online-Ansicht. Ich zum Beispiel werde jetzt nicht mit diesen Themen extra für Deine Frage eine Webseite erstellen, damit ich das einsehen kann.
Das wird über Media-Abfragen (@media) via CSS gesteuert - gucke mal im Code-Editor, da solltest Du das finden.
Wenn Du diesen Umbruch aus der Handy-Ansicht schon am Tablet haben möchtest, muss dieser Abfrage eine andere Breite gegeben werden - eben die Breite vom Tablet.
Ansonsten sollte man lange Worte auch möglichst vermeiden und eventuell auch dem Block dann eine zusätzliche CSS geben, die das Wort richtig trennt, mit:
hyphens: auto;
- Tommy Herrmann
- Site Admin
- Beiträge: 5867
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Footer-Ansicht Tabelt-View im Hochformat
diese Media Anweisung steht in der CSS-Datei "mbr-additional.css":
Du könntest das mal so ändern - eben schon den Text ab 991px zentrieren. Also im Breiech "HTML Editor" (rechte Seite vom "Code Editor") schreiben:
Code: Alles auswählen
@media (max-width: 767px) {
.cid-tCxcbBJDSa .mbr-text1 {
text-align: center;
}
}
Code: Alles auswählen
@media (max-width: 991) {
.cid-tCxcbBJDSa .mbr-text1 {
text-align: center;
}
}
Re: Footer-Ansicht Tabelt-View im Hochformat
Funktioniert leider nicht! ;-(
- Tommy Herrmann
- Site Admin
- Beiträge: 5867
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Footer-Ansicht Tabelt-View im Hochformat
... ändere mal bitte vor jeder Liste (ul) jeweils (4 Mal) diese <div class> von:
<div class="col-12 col-sm-3 col-lg-3">
in:
<div class="col-12 col-sm-0 col-lg-3">
(... oder eben die class="col-sm-3" ganz da raus löschen)
Gucke Dir diese Bootstrap-Seite zu den Grids bitte dazu an:
https://getbootstrap.com/docs/5.0/layout/grid/
Dann ändere im "CSS Editor" diese Media-Anweisung:
in diese ab:
Im Screenshot markiert:
Das sieht dann am Tablet so aus:
<div class="col-12 col-sm-3 col-lg-3">
in:
<div class="col-12 col-sm-0 col-lg-3">
(... oder eben die class="col-sm-3" ganz da raus löschen)
Gucke Dir diese Bootstrap-Seite zu den Grids bitte dazu an:
https://getbootstrap.com/docs/5.0/layout/grid/
Dann ändere im "CSS Editor" diese Media-Anweisung:
Code: Alles auswählen
@media (max-width: 991px) {
div > *:last-child {
margin-top: 0 !important;
}
}
Code: Alles auswählen
@media (max-width: 991px) {
div > *:last-child {
margin-top: 0 !important;
}
.mbr-text {
text-align: center;
}
}
Im Screenshot markiert:
Das sieht dann am Tablet so aus:
Re: Footer-Ansicht Tabelt-View im Hochformat
Ein Traum! Danke!
Wer ist online?
Mitglieder in diesem Forum: Bing [Bot], Semrush [Bot] und 151 Gäste