Logo-Größe ändern (mobile Ansicht)
#1
Ich muss hinzufügen, dass ich über keinerlei Kenntnisse in HTML oder CSS verfüge.
...das ist schlecht, sehr schlecht 
Generell kannst Du dem Logo eine max. Breite zuweisen, dann wird es kleiner. Und das kannst Du mit @media auf die mobile Ansicht beschränken.
Normalerweise ist es die Anwesung .jtpl-logo, und von der dann das img, welches anzupassen ist.
Du könntest also einmal folgendes versuchen:
...setze in den head Deiner Webseite (Menü > Einstellungen > Head bearbeiten > gesamte Webseite) folgendes CSS ein:
2
3
4
5
6
7
8
9
10
11
12
13
<style type="text/css">
/*<![CDATA[*/
@media (max-width:768px) {
.jtpl-logo img {max-width:150px !important;}
}
/*]]>*/
</style>
...den Wert (150px) kannst Du verändern, bis es stimmt.
Schau mal, ob Du damit klar kommst. Und CSS lernen, lohnt sich immer!
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
#3
#4
#5
...warum nicht einfach margin-left: -200px; /*Wert veränderbar*/ ?
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
#7
...weil "float" in Bezug auf das Responsive-Design i.d.F. meiner Meinung nach die bessere Lösung ist. Aber davon gibt es innerhalb CSS ja bekanntlich immer Mehrere. 
Gruß,
Andre
...ok, ich hab es mir eben nochmal angesehen. Stimmt, das geht in diesem Fall sehr gut und ist die bessere Wahl.
Die Zentrierung des Logo-Images wird allerdings durch das "display:inline;" von .cc-imagewrapper img verursacht. Dieses auf "display: block;" zu setzen, müsste den gleichen Effekt haben.
also:
2
3
4
5
6
7
8
9
10
11
12
13
<style type="text/css">
/*<![CDATA[*/
.cc-imagewrapper img {
display: block;
}
/*]]>*/
</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
Hallo, ich habe das Problem, das in der mobilen Ansicht das Logo zu klein ist (San Francisco) ansonsten ist alles top 
Gibt es dafür auch einen Code?
Gruß Andrea
www.hovawart-ajay.de
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!
