Olá,
estou implementando o menu responsivo em outra página e foi aí que surgiram essas duvidas.
1 - No vídeo e no seu código você inseriu a seguinte linha:
.menu-ativo .barra-nav { left: 0; }
Quando adiciono dessa forma não tem nenhum efeito, mas funciona quando tiro a classe barra-nav ou quando tiro o espaço entre o nome das classes, por quê acontece isso no meu código?
2 - O z-index não está fazendo diferença aqui, também não entendi por que isso acontece.
Estou mandando um link do codepen com meu código: http://codepen.io/felipecesr/pen/PZYJQe