Hallo Zusammen,
ich möchte dem mobilen Menü per CSS ein Icon hinzufügen.
Dieses klassische Hamburger Icon mit den 3 Linien.
Wie kann ich das am besten machen?
Bisher habe ich den Hamburger mit "OPEN" und "CLOSE" bezeichnet.
Trigger
HTML-Code:
<a href="#mobilemenu" class="hamburger">
<span class="mobile-nav-close">CLOSE</span>
<span class="mobile-nav-open">OPEN</span>
</a>
CSS
HTML-Code:
.hamburger {
border:1px solid #294389;
display: block;
margin-top:20px;
margin-left: 190px;
margin-bottom: 20px;
font-size: 1rem;
padding: 0.4rem;
text-align: center;
}
.mobile-nav-close {
display: none;
}
.mobile-nav-open {
display: block;
}
.mm-opened .mobile-nav-close {
display: block;
}
.mm-opened .mobile-nav-open {
display: none;
}
Beste Grüße
Tilda