2016-09-08 5 views
-1

Ich habe eine responsive Navigationsleiste erstellt, aber das Element unten, ein Flexslider Plug-in, verschwindet. Bevor ich die Navigationsleiste gemacht habe, würde der Flexslider unten gut erscheinen, aber jetzt nicht. Der Z-Index für die Navigationsleiste ist bei 2, also weiß ich nicht, was das Problem ist. Wie/Was muss ich ändern, damit der Flexslider angezeigt wird und die Navigationsleiste immer noch reagiert? Vielen Dank!Responsive Nav Bar Hides Element darunter

Mein Code ein bisschen lang ist, so gibt es Code Stifte in den Kommentaren (es wird mich sie hier aus irgendeinem Grund nicht zulassen, post up)

Hier ist ein Link auf die Website ohne ansprechende Navigation ist, aber es zeigt die Flexslider: http://bancroftmiddleschool.org

Verbindung mit Responsive Navigation Datei, zeigt aber nicht Flexslider: http://bancroftmiddleschool.org/index%20copy.html

+0

Code Pen mit responsiver Navigation, aber verbirgt flexslider: http: //codepen.io/caguilera0001/pen/JRdpGV (beachten Sie, Flexslider erscheint nicht in Codepen aus irgendeinem Grund) – Citlalipop

+0

Jeder ließ mich wissen, warum diese Frage herabgestuft wurde, damit ich kann es ausarbeiten oder reparieren? – Citlalipop

Antwort

0

ändern sie die Position CSS in #navBar von position: absolute; in Position bringen: relativ ;.

#navBar{ 
    position: relative; 
    /* leave rest of the css unchanged */ 
} 

Hoffe, das ist der gewünschte Effekt.

+0

danke! Ich werde es gleich ausprobieren! – Citlalipop

+0

Ich habe es versucht, aber der Flexslider würde immer noch nicht angezeigt – Citlalipop

+0

Ist der zweite Link, den Sie den gewünschten Effekt hinzugefügt? – UIPassion