Frage zu Producer Responsive

  • Guten Morgen,

    ich habe eine Frage zur mobilen Darstellung des Logos: Wenn ich die Seite auf dem Smartphone anschaue, wird das Logo sehr undeutlich skaliert.

    Vorschau

    Hat jemand ein Snippet, wie ich z.B. bei mobiler Darstellung ein anderes Bild anzeigen lassen kann?

    Gruß Ronny

  • Hallo,

    erstelle das Logo doppelt so groß wie es normal dargestellt werden soll. Im Layout-Designer gibst Du auch die doppelte Große bei Breite und Höhe an. Dann Logo einfügen. Danach die Breite und Höhe im Layout-Designer auf Normalgröße stellen.

    Freundliche Grüße
    Steffen T. (Zeta Producer-Support)

  • Hallo Ronny,

    Hat jemand ein Snippet, wie ich z.B. bei mobiler Darstellung ein anderes Bild anzeigen lassen kann?


    Versuche es einmal via CSS. Erstelle ein neues Bild in der gleichen Größe wie das bisherige, halt mit einem anderen Motiv. Dann die Datei bei dir hochladen. Merken in welchem Path die Datei liegt ...

    Danach dein zusätzliches CSS:


    media (max-width: 320px) {

    #logo a {
    background-image: url(media/images/dein-wechsel-logo-bild.png);
    background-repeat: no-repeat;
    display: block;
    width: 225px;
    height: 50px;
    }

    #logo img {
    visibility: hidden;
    }

    }

    Dein Logo-Bild sollte dann bei kleinen Displays bis 320px ausgeblendet werden (#logo img) und dafür das Hintergrundbild auf deinem Logo-Link (#logo a) angezeigt werden. Verwendung auf eigene Gefahr ;) Und ist sicher nicht DIE Lösung.

    Mit freundlichem Gruß, Jan

Jetzt mitmachen!

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