Logo mittig ausrichten in Mobiler Ansicht Designe Barcelona

25.12.2019 18:13 (zuletzt bearbeitet: 25.12.2019 18:14)

Gismo
#1

Hallo zusammen

Habe festgestellt,dass das logo in der Mobilen ansicht vom Designe Barcelona recht klein ist.
habe dies auch grösser hingekriegt
nur wie kriege ich das Logo mittig bei ansicht auf Smartphones oder Tablets
normal ist doch da der Befehl <center> scheint aber irgendwie nicht zu funktionieren
die seite lautet. https://apollo-elektro.jimdofree.com/

hier mal mein Code

1
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:300px !important;
    height:100px ! important;
  margin-left:-75px;
}}
 
/*]]>*/ 
</style>
 

Antworten

Beitrag melden

#2

31.12.2019 13:31 (zuletzt bearbeitet: 31.12.2019 13:34)

az_
#2

az_

Versuch mal nur .jtpl-logo (nicht im) mit einer fixen Breite und margin: 0 auto;
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

#3

31.12.2019 18:00 (zuletzt bearbeitet: 31.12.2019 18:00)

Gismo
#3

Gismo

Danke für den Tipp nur klappt dies leider nicht. hmm

dann wird das Logo wieder klein und unleserlich in der Mobilen Ansicht

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<style type="text/css">
/*<![CDATA[*/
@media (max-width:768px) {
    .jtpl-logo  {
    width:300px !important;
    height:100px ! important;
    margin:0 auto;
}}
 
 
  
}
 
/*]]>*/ 
</style>
 

Antworten

Beitrag melden

#4

01.01.2020 10:41

az_
#4

az_

Du hast eine} zu viel in deinem Code. Versuch mal beides: .jtpl-logo und .jtpl-logo img mit fester Breite
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

#5

01.01.2020 10:45

az_
#5

az_

Du hast eine} zu viel in deinem Code. Versuch mal .jtpl-logo img auch mit fester Breite auszustatten.
Frohes Neues!
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

#6

01.01.2020 15:48

Gismo
#6

Gismo

ich habs jetzt über nee stunde versucht dieses doofe Logo mittig hinzukriegen
ändere ich es auf margin:0 auto ;
wird es wohl mittig angezeigt aber viel zu klein.nicht leserlich
man ich hab echt kein plan mehr wie man das noch hinkriegen könnte
denke Bald es liegt am Designe Barcelona,das dies damit nicht funktioniert