Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Dúvida na classe menu-ativo e z-index

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

1 resposta
solução!

Acabei de ver aqui em uma aula que nesse caso a classe .barra-nav tem que ser de um elemento filho do elemento com a classe .menu-ativo e essa classe foi adicionada no elemento html que é o pai, quando alterei isso passou a funcionar da mesma forma como no exercício, inclusive o z-index que ainda tenho que ainda tenho que procurar entender melhor como usá-lo.