Layout Bare Responsive mit fixiertem Menu möglich ?

  • Liebe Community,

    für eine neue Webseite verwende ich das Layout "bare responsive" unter ZP14. Das Hauptmenü kann man im ZP-Layout-Designer nicht fixieren (nicht scrollend). Jedenfalls fehlt hier die Option dazu.

    Gibt es dennoch eine Möglichkeit das Hauptmenuleiste (inklusive LOGO) zu fixieren. Meine rudimentären Versuche über CSS sind leider bis dato gescheitert.

    Bin über jeden Hinweis dankbar. (wenn er nicht sofort den Kauf einer neuen ZP Version zur Folge hat).

    Herzlichst

    Carotis

  • Diese Möglichkeit gibt es nur, wenn im Layout-Designer dafür eine entsprechende Einstellung vorhanden ist. Das fixieren hat enorme Implikationen, das per CSS zu tun, ist nicht trivial, daher bieten wir zu entsprechendem CSS auch keinen Support an.

    Sie können es mit folgendem Code (gilt speziell für dieses Layout) versuchen (ohne weiteren Support dazu):

    CSS
    <style>
    header {
        position: sticky;
        top: 0;
        background-color: #ffffff;
        box-shadow: -10px 0 0 #ffffff, 10px 0 0 #ffffff;
    }
    </style>

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

  • Hallo Stefan,

    das ist ja genial. Danke für die extrem schnelle Response. Funktioniert bis dato tadelos - auch auf mobilen Devices.

    Jetzt stehe ich in anderer Sache auch auf dem Schlauch. Ein kleiner Tipp würde mir hier ebenfalls sehr helfen.

    (Bin für alles dankbar ;:-))

    In dem Layout "bare responsive" kann ich leider die zweite Menuebene in der Schriftgröße nicht verändern.

    Kann man die 2. Menu-Ebene (hier z.B. selected works, projects, ....) etwas kleiner stellen ?.

    Aktuell ist die Schrift genauso groß wie im Hauptmenu

    Viele Güße und auch nochmal herzlichen Dank für das großartige CSS-Schnipsel zum fixierten Header.

  • Nein, das ist nicht vorgesehen. Warum sollte man auch die 2. Ebene schlechter lesen können, als die 1. Ebene?

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

  • Hallo Stefan,

    es scheint mit folgendem Snippet zu funktionieren:


    Code
    <style>
        nav ul ul li  { font-size: 0.9em; text-align:left;
        }
    
    </style>

    Vermutlich nicht ganz korrekt, aber es klappt.

  • Die erste Menuebene ist sehr groß im Schriftbild. So von der Künstlerin (als künstlerischen Akt) gewollt.

    Die zweite Ebene kann auch ohne Einbußen der Lesbarkeit durchaus etwas kleiner werden, zumal hier viele Unterpunkte auftauchen werden.

    Ich hoffe dennoch, dass ich das richtige Element für den CSS Code erwischt habe und die Funktion so stabil ist.

    Beste Grüße

    Carotis

Jetzt mitmachen!

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