Flat Responsive Menü

  • Hallo,

    besteht die Möglichkeit bei dem Layout Flat, wenn man nach unten scrollt und das Logo links steht dieses noch kleiner zu machen.

    Freundliche Grüße

    Martin

    Homepage

    Technische Angaben:
    ZP 17.01 Business

  • Hallo,

    mit folgendem CSS würden Sie die maximale Breite des Logo in der feststehenden Navigationsleiste z.B. auf 100px beschränken:

    • Klicken Sie im Menü Website auf "Einstellungen"
    • Klicken Sie auf CSS
    • Fügen Sie folgende Textzeilen (ohne Überschrift und ohne Zeilennummern – am besten über das Dokumente-Icon rechts oben im Quellcode-Kasten kopieren) in das Feld "CSS" ein und schließen Sie den Dialog dann mit Klick auf "OK"


    hier war falscher code eingefügt. Korrekter Code siehe unten.


    Anschließend müssen Sie evtl. Ihre Seiten neu erstellen (Erweitert > Erstellen > Alle Seiten erstellen) und ggf. veröffentlichen.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Hallo Herr Seiz,

    vielen Dank für die schnelle Antwort. Hat aber leider nicht funktioniert.

    Wenn ich bei dem Layout nach unten scrolle heftet sich die Navigation an den oberen Rand und das Logo hüpft nach links und die Navi ist dann rechts vom Logo. Die Navi scrollt dann mit runter.Logo ändert sich bei der Einstellung leider nicht.

    Freundliche Grüße

    Martin

    Homepage

    Technische Angaben:
    ZP 17.01 Business

  • Sorry, mein Fehler:

    CSS
    <style>
    #header #nav.fixed a.logo img{
    max-width: 100px;
    }
    </style>

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Super hat geklappt. Kann ich das Logo jetzt auch in der in der Höhe mittig zentrieren, wenn ja wie???

    Freundliche Grüße

    Martin

    Homepage

    Technische Angaben:
    ZP 17.01 Business

  • hat sich erledigt geht ja über die Layout-Eigenschaft: Abstand oben

    Nochmals vielen Dank

    Freundliche Grüße

    Martin

    Homepage

    Technische Angaben:
    ZP 17.01 Business

  • Ja, aber so einfach die Anforderung klingt, so komplex ist vertikales zentrieren in CSS (das glabut man nicht). Also ohne Gewähr. Folgender ergänzter Code sollte das logo dann vertikal zentriert darstellen:

    CSS
    <style>
    #header #nav.fixed a.logo{
    display: table-cell;
    vertical-align: middle;
    }
    #header #nav.fixed a.logo img{
    max-width: 100px;
    }
    </style>

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

Jetzt mitmachen!

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