Content beim Scrollen über das Menü ausblenden

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Um das zu erreichen, müsstest Du Änderungen im Template vornehmen. Du bräuchtest einen zusätzlichen Container, der hinter dem "main-nav" Container liegt und dann per CSS gestylt wird.

    Wie immer gilt: Wenn Template Dateien geändert werden sollen, immer mit child-theme arbeiten ( oder nie wieder das theme updaten! )

    Nachtrag: Eine andere Möglichkeit wäre evtl eine Anpassung des Stylesheets.
    In dem Fall müsste die Höhe des "main-nav" containers geändert werden, dann den Verlauf als Hintergrundgrafik einbunden, die Hintergrundfarbe auf transparent gestellt und das padding-top angepasst werden. Prinzipiell gilt hier aber das gleiche wie oben, ausser das theme sieht eigene CSS Anpassungen vor.

    MEGAWORK EDV & Medien Service :: http://megawork.de

    Einmal editiert, zuletzt von MegaWork (24. April 2014 um 15:55)

  • oder, du setzt grafiken ein. Also: Design >> Editor >> style.css
    Zum Einen müsstest Du dafür die Höhe des footers anpassen (aber zuerst den zu erstzenden Teil kopieren und sichern) Bilder (s. unten) in den Images Ordner kopieren

    Code
    nav#main-nav {
        background: url("[COLOR=#ff0000]http://forum.wpde.org/[/COLOR]images/bg-footer.png") repeat-x;
        bottom: 0;
        height: 77px;
        min-width: 300px;
        position: fixed;
        right: 0;
        width: 100%;
        z-index: 100; 
    }

    und natürlich den hover-bereich

    Code
    nav#main-nav {
    background: url("[COLOR=#ff0000]http://forum.wpde.org/[/COLOR]images/bg-footer-hover.png") repeat-x;
    }


    [COLOR=#ff0000]WICHTIG: Das Forum setzt immer automatisch ein [/COLOR][COLOR=#ff0000]http://forum[/COLOR][COLOR=#ff0000] blabla in die linkadresse, die muss natürlich raus!!! [/COLOR]

    Einmal editiert, zuletzt von gericoach (24. April 2014 um 16:54)

  • Vielen Dank euch beiden. Hat soweit auch funktioniert, habe mich dann aber doch anders entschieden!

    Neues Problem:

    Da ich die Navigationsleiste an den unteren Bildschirmrand gesetzt habe, geht nun im "Handymodus" das Menü nach unten auf. Wie kann ich es nach oben aufklappen lassen?

    Außerdem erscheint bei dem Internet Explorer unten die Srollleiste, auch wenn es da nix zum scrollen gibt ...

  • Vielen Dank euch beiden. Hat soweit auch funktioniert, habe mich dann aber doch anders entschieden!

    Neues Problem:

    Da ich die Navigationsleiste an den unteren Bildschirmrand gesetzt habe, geht nun im "Handymodus" das Menü nach unten auf. Wie kann ich es nach oben aufklappen lassen?

    (…)

    Da wirst Du wohl die responsive.css nacharbeiten müssen!
    Beim Test mit dem resizer sind mir noch ein paar Probleme mehr aufgefallen, z.B. die Position der Menupunkte.

    Viel Spaß beim tüfteln!

Jetzt mitmachen!

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