Schaut Euch den Source-Code an, um den ganzen Code zu sehen!
nav {
position: relative; /* Elternelement */
width:36px; /* so breit wie das Burger-Icon sein soll */
}
nav img {
width: 100%;
height: auto;
}
nav a {
color: inherit;
text-decoration: none;
}
nav ul {
list-style-type: none;
padding: 1em;
color: #fff;
background-color: #000;
box-shadow: 0 0 2px 1px rgba(0,0,0,.1);
width: 9em;
/* Position des Menüs in Beziehung auf Burger-Icons */
position: absolute;
left: 10px;
top: 10px;
/* Menü anfangs unsichtbar */
display:none;
}
nav:hover ul {
/* Hovert man über das Burger-Icon, wird das Menü sichtbar */
display: block;
}