Hallo 
Da ich ja die Homepage http://www.fotow.de überarbeite, auch mit korrekten Abständen und Bildgrößen usw,
fällt mir auf einmal auf, dass bei Mobile (und nur dort) auf einmal ein Umbruch passiert. Text wird links und rechts schmaler,
der darüber angezeigte Text ist breiter. In ZETA sieht es gleich aus. Auf Desktop auch, Mobile -nein-. Ich habe heraus gefunden,
dass der Text breiter wird, wenn diesem ein Foto vorangestellt wurde. Der nächste Absatz, ohne voran gestelltes Foto, wird dann
auf einmal schmaler. Warum?
Text (Stil) auf einmal verändert..
-
Hat mit deinen Spacer zu tun, kann man zwar mit CSS beheben. Empfehle aber nicht mit Spacer zu arbeiten sondern mit CSS, da kannst Du größere Abstände machen. Falls Du aber weiter so arbeiten willst, dann gib das ein:
media (max-width: 768px)
.responsivelayout .zpColumn.zpSpacer:first-child+.zpColumn.odd:last-child {
width: 100% !important;
margin-left: 0;
}
Ob jetzt das funktioniert weiss ich nicht, weil bei width; schon ein !important stand. Einfach ausprobieren.
-
Hmm komisch bei mir ging das in der Vorschau, Evtl. meldet sich jemand der wo gerade mehr Zeit hat das zu Testen. Viel Erfolg trotzdem mit deinem Projekt
-
Hmm komisch bei mir ging das in der Vorschau, Evtl. meldet sich jemand der wo gerade mehr Zeit hat das zu Testen. Viel Erfolg trotzdem mit deinem Projekt
Ich hatte alle IMPORTANT heraus genommen, nur das Eine von Deiner Ergänzung belassen. Dann "Vorschau" und "Smartphone"-Vorschau... Da war es dann noch genau so. Ich gehe mal davon aus, dass doch mein CSS vielleicht etwas blockiert, was dazu führt, dass deine Ergänzung doch nicht klappt. Das könnte ich natürlich mit einer "harmloseren" Seite testen, mache ich dann auch noch mal und gebe dir Info. Einverstanden?
Vielen Dank ... und ... RESPEKT .... dein Shopsystem ist absolut Spitze!!!! -
Hallo axelwestdoerp danke freut mich das es dir gefällt. Ja gib einfach bescheid.
-
Hallo axelwestdoerp danke freut mich das es dir gefällt. Ja gib einfach bescheid.
Hallo Markus, kurzes Feedback, wie vereinbart. Der Zusatz zur CSS, wie du ihn geschrieben hast, bringt keine Verbesserung. Auch nicht auf einer anderen, meiner Homepages. Ich habe extra eine genommen, die eine ganz magere CSS hat, ohne vorheriges "!Important". (http://www.psychologische-beratung-emden.de) Wie du schon vermutet hast, es liegt an den SPACER. Sofern einer davon im Container oder Absatz enthalten ist, wird bei der mobilen Ansicht der Text links und rechts deutlich eingerückt.
Nehme ich die "Spaces" raus, ist es wieder ok. Baue ich etwas mit ein, z.b. Foto, dann stimmt es auch wieder, egal ob Spaces oder nicht. Ich arbeite aber gerne mit den Spaces, links oder rechts. Die sind dann aber der Auslöser, dass Texte gänzlich eingerückt werden.
Für mich, persönlich, wirkt es etwas unschön, auch, wenn es "nur" über MOBILE zur Wirkung kommt. Auf Desktop ist alles ok. Aber ich werde immer wieder dran erinnert, dass die Texte "bündig" sein sollen, keine Text-Hüpfer oder ähnliches.
Noch ne Anmerkung: In der Version ZETA 15 (http://www.psychotherapie-was-waere-wenn.de) sind auch Spaces im Text. Dort wird es mobile RICHTIG wieder gegeben. Momentan fällt mir nicht ein, wie ich jetzt weiter mache um diese Textverkleinerungen zu umgehen. LG Axel -
Bitte entfernen Sie einfach den Spacer und steuern Sie die Abstände via Darstellungs-Optionen oder mehr generell, dem "Artikelabstand" in den Layout-Einstellungen.
-
Hallo axelwestdoerp ich würde es auch so machen wie Stefan das schreibt, gehe auf die Container und mache 50px Abstand, das ist dann auch für Mobil noch Ok.
2 Lösung Du gibst deine einzelnenen Text in einem Textbaustein ein, wäre auch noch eine Möglichkeit oder ich kann dir auch per Fernsteuerung das mal zeigen evtl. kommst Du dann schneller voran. (Kostenlos selbstverständlich).
-
Bitte entfernen Sie einfach den Spacer und steuern Sie die Abstände via Darstellungs-Optionen oder mehr generell, dem "Artikelabstand" in den Layout-Einstellungen.
Gerade ausprobiert... siehe Screenshot. Betrifft MOBIL ... Also, Spaces links weg, und in DARSTELLUNGSOPTIONEN den linken Rand so eingegeben, dass der Text mittig erscheinen soll. Also Pixel von links eingegeben. Der Text rutscht dann allerdings rechts raus, also wird rechts raus geschoben. Denkfehler von mir? Den Artikelabstand ich ja nicht generell in LAYOUT EINSTELLUNGEN eingeben, weil ich den Text ja auch mal mittig, und dann vielleicht wieder "normal" haben möchte.
-
Ich war der Meinung, der Spacer diente dem vertikalen Abstand und nicht dem horizontalen. Um Elemente horizontal zu zentrieren, gibt es in den Darstellungs-Einstellungen für Reihen eine spezielle Option dafür:
Also einfach die Breite des Textblocks entsprechend hinschiebend dann die Spaltenausrichtung in den Darstellungsformen-Einstellungen der Reihe einstellen.
-
Ich war der Meinung, der Spacer diente dem vertikalen Abstand und nicht dem horizontalen. Um Elemente horizontal zu zentrieren, gibt es in den Darstellungs-Einstellungen für Reihen eine spezielle Option dafür:
Also einfach die Breite des Textblocks entsprechend hinschiebend dann die Spaltenausrichtung in den Darstellungsformen-Einstellungen der Reihe einstellen.
YEP... genau das war es .... Herzlichen Dank !!!!
-
Ja klar, kein Problem
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!