Logo für mobile Ansicht hochladen

20.02.2017 16:39
avatar  AnnaEQ
#1
An

Hallo zusammen,

in der Desktop-Ansicht meiner Seite passt mein Logo perfekt. In der mobilen Ansicht ist es aber extrem klein!

Frage: Kann man ein zweites Logo hinterlegen, welches dann bei der mobilen Ansicht angezeigt wird?

Viele Grüße
Anna


 Antworten

 Beitrag melden
22.02.2017 08:18
avatar  az_
#2
avatar
az_

Hallo @AnnaEQ

...ja, das ist eine Möglichkeit. Du kannst zB. ein einfaches Bild auf der Seite anlegen und dieses per CSS (position:absolute; top:80px) an die richtige Stelle verschieben. Aber manchmal reicht es auch, das Logo aus seinem Container zu berfreien, damit es ausreichend groß dargestellt wird.

Wie ist denn die URL von der Webseite, bei der das Problem auftritt?

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
30.10.2018 10:03
#3
cy

Ich habe jetzt auch dieses Problem. Wie geht das mit aus dem Container befreien?

Generell sollte das Logo auch auf der Desktopseite breiter werden, wie kann man das machen?

Es geht um die Seite www.stachelofenbau.de

Grüße


 Antworten

 Beitrag melden
19.01.2019 14:59
avatar  Andrea
#4
avatar

das Problem mit zu kleinem Logo in mobiler Ansicht habe ich auch. Habe das Problem heute schon im Forum beschrieben. Wäre super, wenn ich Hilfe bekommen würde.

www.hovawart-ajay.de

Danke
Gruß Andrea


 Antworten

 Beitrag melden
25.01.2019 12:16 (zuletzt bearbeitet: 25.01.2019 12:17)
avatar  az_
#5
avatar
az_

...ihr benutzt beide Logos mit ungünstigem Seitenverhältnis. Da lässt sich kaum was reißen.

Für www.hovawart-ajay.de habe ich inzwischen ein CSS-Skript geschrieben, welches den Kopf derSeite in der mobilen Ansicht an das Logo anpasst:



...das sieht schon ganz gut aus.

Bei https://www.stachelofenbau.de/ würde ich anders vorgehen, denn hier ist viel Text im Logo - der wird logischerweise viel zu klein skaliert.
Für so etwas gibt es aber die Möglichkeit, das Logo für die mobile Ansicht mit einem anderen Bild zu versehen. Ich nenne das ein "Pseudo-Logo". Dazu schreibe ich ein Skript, dass das original-Bild in der mobilen Ansicht komplett ausblendet und statt dessen eine anderes Bild von einer vesteckten Seite in den Hintegrund des Logo-Containers lädt.

Wenn Ihr es selbst versuchen möchtet, müsst ihr mal nach CSS background: url(...); und CSS content:""; suchen bzw. googeln. (Statt ... wird bei background der Pfad des versteckten Bildes eingetragen).

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!