Bitte geben Sie einen Grund für die Verwarnung an
Der Grund erscheint unter dem Beitrag.Bei einer weiteren Verwarnung wird das Mitglied automatisch gesperrt.
Spaltendarstellung - Buttons nicht mehr horizontal ausgerichtet im Responsive
#1
Hallo - seht Euch bitte mal citysem24.jimdo.com an. Die Seite ist im Aufbau. Schrumpft die Startseite "Leistungen" auf Tabletgrösse (ich schau mir die
Seite mit einem Ipad an) . Abgesehen davon, das zwei Punkte der Hauptnavigation auf die nächste Zeile umspringen (Kontakt, Über)
Ich schaffe es nicht. das die drei Call-to-action Buttons "mehr" horizintal ausgerichtet bleiben. Das sieht so nicht aus.
Wer hat einen Tipp (ausser alles umzubauen oder das Design zu ändern)
#2
Ich wollte noch einen Screenshot anhängen.
Also ich hab den Eindruck, das diese Spaltendarstellung bei Jimdo im Responsive vermieden werden sollte.
Die Buttons bleiben nicht auf der gleichen Höhe.
#3

Moin!
...das ist eine sehr gut Frage! Interessiert bestimmt viele User!
In der mobilen Ansicht werden die Buttons tatsächlich bei den meisten Jimdo-Designs einfach mittig gesetzt. Wir können das aber ändern mit einem einfachen Script:
2
3
4
5
6
7
8
9
10
11
12
13
<style>
@media (max-width:768px) { /*bei manchen Designs andere Breite*/
a.j-calltoaction-link.j-calltoaction-link-style-1 { /*style-1=linksbündiger Button, -2=zentriert, -3=rechtsbündig*/
max-width: 175px; /*max. Breite, anpassen nach Bedarf*/
min-width: 150px; /*mindest Breite, anpassen nach Bedarf*/
width: auto;
}
.j-calltoaction-wrapper {
text-align: left; /*Buttons links ausrichten*/
}
}
</style>
LG, az
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
#5

Menü > Einstellingen > Head bearbeiten > Webseite
sh.: https://www.redesign-berlin.de/jimdo-tut...ngen/jimdo-css/
LG, az
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
- Allgemeines
- Regeln für die Benutzung des Forums
- HowToDo ( = so geht´s)
- Jimdo User-Forum
- Eure Jimdo-Webseiten - Vorstellungsrunde
- Bugs, Workarounds und Anregungen
- Jimdo-Elemente
- Allgemeines
- Jimdo-Shop
- Jimdo-Specials (Tools, Widgets, HTML und CSS)
- Suchmaschinenoptimierung (SEO)
- Sonstiges
- Tutorials
- "OffTopic"-Themen
- "Übernahme" von Beiträgen aus dem offiziellen Jimdo-Forum...
- Nutzungsbedingungen und Haftungsausschluss
- Jimdo-Blog
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!