Boa tarde, comecei a fazer o menu usando o mobile first, porém estou com problema na transição left do menu. Quando eu aumento a tela o menu vem deslizando da esquerda, se diminuo a tela o menu vai deslizando pro left negativo. Segue a demonstração no codepen. https://codepen.io/crisgon/pen/jmbvax
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta
resposta
Problema com Menu Mobile First
solução!
O problema é que a media query mexe no mesmo atributo usado na transicao - o left. Uma forma de contornar é removendo e adicionando a transition conforme o estado da tela muda. Fiz um exemplo usando window.matchMedia: https://codepen.io/sergiolopes/pen/OmyapL