چرا کار نکرد
@media screen and (max-width: 600px) {
nav a:not(:first-child) {
display: none;
}
.nav .icon {
display: block;
float: left;
}
.nav .responsive {
position: relative;
}
.nav .responsive a.icon {
position: absolute;
top: 0;
left: 0;
}
.nav .responsive a {
display: block;
float: none;
text-align: right;
}
}