Design Zürich - Logo fixieren für die mobile Ansicht

14.04.2018 16:07

Sandra
#1

Sa

Hallo liebe Forums-Mitglieder,
ich bin neu hier und habe ein zwei Probleme, von denen ich hoffe, dass mir hier jemand helfen kann, sie zu beheben.
Meine Website ist: www.paulraymondmusic.com

Also mir geht es um die Position des Logos in der mobilen Ansicht. Die Seite wurde auf dem Desktop erstellt und ich habe das Logo rechsbuendig angelegt. Doch in der mobilen Ansicht wird es zentriert angezeigt und verdeckt somit das Gesicht auf dem Foto. Außerdem stört mich auch noch ein bisschen, wie meine zentrierten Texte in der "Biography" angezeigt werden, aber das liegt wohl wahrscheinlich an den manuellen Zeilenumbrüchen, die ich beim Erstellen der Texte gesetzt hatte. Anyway, vielleicht hat jemand auch dazu eine Idee, aber die Sache mit dem Logo kann auf jeden Fall nicht so bleiben...
Leider muss ich zugeben, dass ich nicht die geringste Ahnung von CSS habe, daher hoffe ich, jemand kann mir einen "idiotensicheren" Ausweg sagen... ;-)
Recht vielen Dank im Voraus!!

Antworten

Beitrag melden

#2

19.04.2018 20:50 (zuletzt bearbeitet: 19.04.2018 20:53)

az_
#2

az_

...Du könntest das mit einem einfachen CSS-Skript schaffen, z.B.:

1
2
3
4
5
6
7
8
 
.jtpl-logo {
    padding: 70px 0 0;
    position: absolute;
    top: 0;
    left: 160px;
    width: 80px;
    margin-top: -100px;
}
 

Das Problem dabei ist folgendes:

Das Logo verschwindet unter der TopBar. Bei manchen Designs genügt es, einfach den z-index hoch zu setzen, damit das Logo wieder vollständig dargestellt wird:

z-index: 99999999;

So auch bei Dir:

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