Verwendung: Navigation fixieren

Klaus's Avatar

Klaus

24 Sep, 2019 02:49 AM

Produkt: Open Sauce Contao
Contao-Version: 3.5.40

An das Team!

Ist es möglich beim Theme: "Open Sauce" die Navigation beim Scrollen am oberen Rand zu fixieren?

Mit freundlichen Grüßen

Klaus Rothenwänder

  1. Support Staff 1 Posted by RockSolid Theme... on 24 Sep, 2019 11:57 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Eine sticky Navigation ist im Open Sauce Theme nicht vorgesehen. Sie können jedoch die Navigation oben fixieren indem Sie folgenden CSS-Code in die Datei files/opensauce/css/custom.css einfügen:

    .main-navigation-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 100;
    }
    .page-header {
        padding-top: 2.77778em;
    }
    @media screen and (max-width: 900px) { 
        .main-navigation-wrapper {
            position: static;
        }
        .page-header {
            padding-top: 0;
        }
    }
    

    Je nach Anwendungsfall können auch weitere Modifikationen nötig sein.

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac