"Hamburger-Icon" wird nicht angezeigt

[newpower001]

Hey,

Ich habe noch Probleme mit anzeige des Hamburger-Icons für die Nav die in der Mobilen/Pad Ansicht angezeigt werden soll. Hab es noch nie richtig alleine gemacht und brauche Hilfe.

Code:

 Spoiler

.menu-icon {
display:none;
}

@media screen and (min-width:520px) {
nav {
display:block !important;
}
}


@media screen and (max-width:520px) {
nav {
display:none;
height:auto;
}
nav ul li {
display:block;
margin:0.3em 0em 0.3em 0em;
}
.menu-icon {
display:block;
}
}

HTML:

 Spoiler

<nav>
<ul>
<li><a href="#" class="menu-icon" href="#menu"><img src="http://www.elitepvpers.com/forum/images/menu.png"></a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Einleitung</a></li>
<li><a href="#">Loslegen</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Forum</a></li>
</ul>
</nav>

[xEncounter]

ist ein Dead-Link. Der wird dir auch kein Bild anzeigen.

[newpower001]

... , das steht automatisch so wenn ich es poste. Es zeigt ein Bild an jedoch nicht auf der Mobilen Ansicht

[lnqlorlouz]

Dann ist es bei dir einfach noch im Cache gespeichert. Aber der Link ist, wie xEncounter schon sagte, ein toter Link.