Anderes Logo in Mobiler Ansicht als in der Desktopversion

11.11.2015 19:32
avatar  Carola
#1
Ca

Hallo,
ich verzweifele gerade mit der Anpassung einer mobilen Ansicht. In der Desktopversion ist das Logo mit zusätzlichen Angaben angelegt (über die gesamte Breite). So wirkt das Logo in der mobilen Ansicht natürlich verzerrt und viel zu klein. Ich habe auch bereits im Header ein neues Logo angelegt, jedoch wird das vom ursprünglichen überlagert. Leider habe ich so gut wie keine Programmierkenntnisse und wäre daher über eure Hilfe sehr dankbar...


 Antworten

 Beitrag melden
13.11.2015 12:50 (zuletzt bearbeitet: 13.11.2015 13:30)
avatar  az_
#2
avatar
az_

Hallo @carola

..das ist in der Tat oft ein Problem. Wo finde ich Deine Seite? Dann könnte ich es mir mal ansehen...

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
13.11.2015 15:31
avatar  Carola
#3
Ca

 Antworten

 Beitrag melden
13.11.2015 21:26
avatar  az_
#4
avatar
az_

versuch mal folgenden Code:

1
2
3
4
5
6
7
 
<style>
.mobile header {background-size: 660px 60px; background-repeat: no-repeat}
 
.mobile #cc-website-logo figure img {
display: none;
}
</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
16.11.2015 08:27
avatar  Carola
#5
Ca

DANKE!


 Antworten

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