Logobereich verändern

Hallo,

solltest du zufällig den Bereich über und unter dem Webnamen/Webslogan meinen, dann hier mal schauen:

Locus Responsive Layoutänderung

Wenn du den Abstand über und unter dem Bannerbereich meinen solltest, dann der Reihe ein Inline-CSS von z.B.: margin-top: -30px; margin-bottom: -30px geben.

Dabei aber dann beachten, das die mobile Ansicht, darunter leiden könnte (Umbruch/Abstand).

Da dann ggf. eine andere Lösung dafür überlegen.

Hallo,

folgendes CSS sollte das möglich machen. Die Werte (5em) einfach entsprechend anpassen.

<style>
#header .topline {
    padding-left: 5em;
    padding-right: 5em;
}
</style>

Hm, also wenn ich den Code einfüge, dann wird der Bereich über und unter dem Webnamen/Webslogan kleiner (siehe Bilder Vorher/Nachher).

Also passt der eigentlich schon, warum der bei dir nicht geht, ist mir gerade schleierhaft...

Könntest du Ihn dennoch mal bitte in dein Projekt einfügen und hochladen (ggf. in einen Testordner) so das man sich das mal Online ansehen könnte, warum das bei dir nicht geht.

Die externen Widgets von Thomas Müller (ThM - zp-widgets) gibt es nicht mehr.

Die Codeschnipselseite von Mario, findest du hier: https://www.zella.de/code/

Nachtrag:

Eben mal "Live" auf deiner Seite gespielt.

Mit folgendem Code, ist dabei das Ergebnis raus gekommen, was du im Bild sehen kannst.

<style>
#header .topline {
    padding: calc(4em + -61.5px) -1em 4em;
}
</style>

Kannst es ja damit mal versuchen.