Responsive Menü wird nicht richtig sticky

Question

kwpei.com ist meine erste Client-Site und ich habe mehrere Probleme mit dem Menü kann ich nicht herausfinden. Das reaktionsfähige Menü wird nicht klebrig, egal was ich versuche. Ich habe sogar versucht, ein Plugin zu verwenden, aber es blinkt und flimmert, bis es das Headerbild passiert. Es muss nicht nur klebrig werden, sondern muss auch geschlossen werden, sobald ein Element ausgewählt wurde, das es derzeit nicht tut.

Das zweite Problem ist, als das primäre nav kollabiert Startseite und lore werden durch den kleinen Site-Titel auf der linken Seite abgedeckt.

Ich weiß wirklich nicht, welchen Code hier enthalten ist, wenn Sie den Code im Inspektor betrachten werden, aber ich weiß, dass die Seite mich einbeziehen wird ... Ich hoffe, dass jemand mir etwas Hilfe leihen kann.

@media only screen and (max-width: 800px) { 

.nav-primary, 
.nav-primary.fixed { 
    /* set the position to fixed */ 
    position: fixed; 
    /* make the menu stick at the top */ 
    top: 0; 
} 

Answer 1

Weiter unten in der CSS-Datei (Zeile 2082) Sie haben eine andere Erklärung für die Position Attribut für .nav-primary.fixed, die es zu statischen setzt anstatt fixiert. Das überschreibt den Code, den Sie gepostet haben.