Logo zu groß für Locus Responsive

pks-team

Hallo ZP Gemeinde,

meine Tochter hat eine Webseite mit Locus Responsive erstellt. Die Kundin wollte dieses große Logo im Headerbereich haben. Sie musste dafür die Logografik auf 350 Pixel Höhe vergrössern um zu vermiden, das das Logo bei bestimmten Bildschirmgrößen in den Menübalken läuft. Siehe hier die Seite: http://www.therapy4animals.de/.

Nun ergibt sich aber, dass beim betrachten der Seite auf dem Handy im Hochformat (oder am PC beim entsprechendem verkleinern des Fensters) sehr viel weißer Platz zwischen Logo und Menüleiste ergibt. Siehe hier:

Kann sie das irgendwie vermeiden, oder muss sie ein anderes Layout aussuchen?

Und ich habe gleich eine zweite Frage: auch in diesem Layout Locus Resposive ist der Menübalken so "abgeschnitten" links vom eigentlichen Menübutton. Ist es möglich diesen Menübereich komplett zu entfernen (und nur den Menübutton anzuzeigen) wenn er nicht ganz passt oder muss sie auch hierfür ein anderes Layou wählen?

Steffen T.

Hallo,

da müssen Sie etwas eigenes CSS einsetzen. Bitte dazu mal folgende Seite lesen: https://docs.zeta-producer.com/eigenes-css-einfuegen.html

Folgender Code sollte dann funktionieren:

Code

<style>
@media screen and (max-width: 414px) {
    #header>.topline {
        padding-top: calc(4.5em + 75px);
    }
}
@media screen and (max-width: 375px) {
    #header>.topline {
        padding-top: calc(4.5em + 30px);
    }
}
@media screen and (max-width: 320px) {
    #header>.topline {
        padding-top: calc(4.5em + 0px);
    }
}
</style>

Alles anzeigen

Gerhard L.

Hallo zusammen,

ich habe mich hier an das alte Thema mal angehängt, weil ich das selbe Problem mit dem zu großen Abstand zwischen Logo und Menüleiste habe, wenn die mobile Ansicht greift oder am PC das Fenster zusammengeschoben wird.

Siehe hier: http://www.webcorner.de/scheierle

Der Einbau des obigen Codeschnipsels zeigt keinerlei Änderung, auch wenn ich die Zahlen / Abstände darin verändere. Hat noch jemand eine andere Idee? Das ausgefranste Logo ist übrigens bis jetzt nur Platzhalter, mangels eigener Monotype-Schrift kommt das vom Grafiker des Kunden nochmal neu.

Danke im voraus und viele Grüße!

Gerhard

V I V I D

Hallo Gerhard L. probiere diesen Code:

<style>

media screen and (max-width: 980px) {

#logo {

height: 100px;

}

</style>

Gerhard L.

Danke, Markus!

Mit diesem Code sieht's deutlich besser aus. Mit den letzten Pixeln spiele ich noch ein bisschen rum, wenn ich das gute Logo habe.

Viele Grüße

Gerhard

V I V I D

Sehr gerne

Logo zu groß für Locus Responsive

Jetzt mitmachen!

Hilfe zum Support-Forum

Wollen Sie eine professionelle Website erstellen?