[GELÖST] Logo auf Smartphone abgeschnitten?

Shopware 5 Themes & Design
1

Hallo Community,

ich habe jetzt ein Logo eingebunden etc. aber auf dem Smartphone ist das Logo oben abgeschnitten. Hat jemand das selbe Problem gehabt? Wie kann ich das lösen?

Würde mich über Antworten freuen.

Gruß

Oliver

2

Hallo,

 

hast du mal einen Link zu deinem Shop für uns?

3

Hallo,

das liegt an folgendem CSS bei dir:

.header-main .logo-main .logo--shop {
    margin-top: -24px;
    margin-top: -1.5rem;
    height: 35px;
    height: 2.1875rem;
    width: 50%;
}

das „margin-top“ sagt ja, -24px nach oben und dadurch ist ein Teil des Logos außerhalb des sichtbaren Bereichs. Den margin-top hast du aber selbst festgelegt, das ist nicht der Standardwert. Hier hast du sicherlich nur die Desktopansicht angepasst und die anderen Auflösungen außer acht gelassen.

Beste Grüße

Sebastian

1 „Gefällt mir“
4

@sschreier schrieb:

Hallo,

das liegt an folgendem CSS bei dir:

.header-main .logo-main .logo–shop {
margin-top: -24px;
margin-top: -1.5rem;
height: 35px;
height: 2.1875rem;
width: 50%;
}

das „margin-top“ sagt ja, -24px nach oben und dadurch ist ein Teil des Logos außerhalb des sichtbaren Bereichs. Den margin-top hast du aber selbst festgelegt, das ist nicht der Standardwert. Hier hast du sicherlich nur die Desktopansicht angepasst und die anderen Auflösungen außer acht gelassen.

Beste Grüße

Sebastian

Klasse! Vielen Dank. Ich hatte wohl die falsche Zeile bearbeitet und es garnicht gemerkt. Wie peinlich…