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!
Forenspende

 

Spenden über PayPal

Ein Forum zu betreiben, erfordert ein hohes Maß an Zeit, Kraft und Aufmerksamkeit. 

Das Team von Jimdo-Forum arbeitet hinter den Kulissen sehr engagiert daran,
die erforderlichen Aufgaben zu erfüllen, um dir und den
anderen Forenmitgliedern ein tolles Forenerlebnis zu ermöglichen.

 Wir freuen uns, dass du dich dazu entschlossen hast, unser Forum mit deiner Spende zu unterstützen!

...hier ist der direkte Spendenlink
für unsere Kaffeekasse!