Spaltendarstellung - Buttons nicht mehr horizontal ausgerichtet im Responsive

22.04.2017 12:20
#1
Ha

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)


 Antworten

 Beitrag melden
22.04.2017 15:01
#2
Ha

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.


 Antworten

 Beitrag melden
22.04.2017 15:02
#3
Ha


 Antworten

 Beitrag melden
23.04.2017 20:33 (zuletzt bearbeitet: 26.04.2017 20:53)
avatar  az_
#4
avatar
az_

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:


1
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


 Antworten

 Beitrag melden
24.04.2017 19:32
#5
Ha

Hallo. Ich bin in Sache Script blutiger Anfänger. Wo genau fügt man das Skript ein?


 Antworten

 Beitrag melden
26.04.2017 20:55
avatar  az_
#6
avatar
az_

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


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!