Solucionado
Oi pessoal, sobre a propiedade:
@media not all and (max-width: 600px) { .menu-abrir, .menu-fechar { display: none; } }
Eu entendi o que está fazendo... quando resolução é até 600px as div abrir e fechar não são exibidas. No caso acima está negando, então quando o site não tiver até 600px o display será none. Agora ... não seria mais legível usar o "first desktop" e deixar por padrão display: none? Poderia explicar melhor o uso dessa propriedade?
Valeu!
Oi Antonio,
Realmente o pensamento dá uma invertida nesse ponto.
Mas como hoje a tendência é pensar primeiro em mobile (o tal do *mobile first), acabamos usando mais essa abordagem mesmo.
Em muitos momentos quando vai de mobile para desktop, ou o contrário, acabamos tendo que esconder alguns elementos na tela (aí que entra o display none).
Para voltar a exibição original do elemento nós podemos usar o display block, inline, etc, de acordo com o uso mesmo.
Espero ter ajudado,
abcs