Theme "Alice" Navigation fixieren!

ebebe

Hallo ich möchte die Navigation volgender Seite (http://praxis-am-kunibertitor.de/) fixiren (beim scrollen soll diese immer oben sichtbar sein)

ich habe jetzt unter "style.css" folgenden Code eingebaut. Die Leiste ist auch fixiert, jedoch rutscht das header Bild nach oben und wird von der Navigation überdeckt, wie und wo kann ich die Position des header Bildes jetzt ändern (etwas nach unten verschieben).

/* Navigation */
#menu-primary {
// min-height: 50px;

Code

background-color: #54bac8;
    background-image: -moz-linear-gradient(top,#fff,#54bac8);  
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#54bac8));  
    background-image: -webkit-linear-gradient(top,#fff,#54bac8);  
    background-image: -o-linear-gradient(top,#fff,#54bac8);  
    background-image: linear-gradient(to bottom,#fff,#54bac8);  
    background-repeat: repeat-x;  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#fff2f2f2',GradientType=0);  
    border: 1px solid #54bac8;  
    position: fixed;
    display: block;
        width:100%;
    z-index: 999999;

Alles anzeigen

Danke

Werbepost

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

Monika

hast du da was geändert?
weil ich sehe die Navigation ganz oben, aber nicht Position fixed?

ebebe

Ja ich habe den Teil:

position: fixed;
display: block;
width:100%;
z-index: 999999;

wieder rausgenommen, da die Seite schon online ist und wenn ich das drin lasse ist das Bild unter der Navigation.

SirEctor

Schreib am Besten ganz ans Ende deiner CSS:

Code

#menu-primary {
position: fixed;
width: 100%;
top: 0;
z-index:999;
}
#container>.wrap {
padding-top:40px;
z-index:99;
}

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Theme "Alice" Navigation fixieren!

Jetzt mitmachen!