ZP15 TOP Responsive: Logo auf Handys ausblenden?

    Moin,

    ich benutze das Design TOP Responsive und habe ein Logo mit 640x120 Pixeln. Das sieht auf dem Desktop schick aus, aber in der mobilen Ansicht wird es gestaucht, anstatt es oberhalb des Menü Buttons zu platzieren oder zu skalieren. Das sieht wirklich furchtbar aus...

    Gibt es eine Möglichkeit, das Logo nur auf Desktops anzuzeigen bzw. ab einer bestimmten Pixelgröße einfach (mobil) auszublenden?

    Danke für einen Tipp!

    Frohe Pfingsten,

    Uwe

    Hallo Uwe,

    habe das eben mal mit TOP und einer gleich großen Grafik nachvollzogen. Müssen sich die Mitarbeiter vom Support mal ansehen, da sich das Logo dort nicht responsive verhält. Zur Kontrolle bin ich dann mal auf Swiss gewechselt, dort passt sich die selbe Logografik problemlos an. Das Ausblenden ab einer bestimmten Breite hatten wir hier schon mal im Forum und könnte wohl über CSS realisiert werden. Da müssen sich dann aber die Spezialisten auf diesem Gebiet melden (ist nicht mein Schwerpunkt).

    Bei einem so großen Logo ist es schwierig für das Layout das entsprechend anzupassen. Kommt ja immer auf verschiedene Faktoren an.

    Wenn man das online sehen könnte, oder zumindest das Logo, kann man das sicher mit etwas CSS anpassen.

    Zu deiner eigentlichen Frage:

    Einstellungen > CSS

    Code
    <style>
@media (max-width: 1000px) {
#logo img {
  display: none;
}}
</style>

    "max-width: 1000px" gibt an das unter Bildschirmbreite von 1000 Pixeln das Logo ausgeblendet wird.

    Moin zusammen,

    und danke für die Antworten. Aber der Code funzt bei mir in der mobilen Ansicht nicht. Egal, ich belasse es nun bei einem kleinen quadratischen Logo.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden