Em um smartphone com orientação paisagem, o banner se sobrepõe ao menu:
A solução que encontrei para esse problema foi adicionar um z-index: 9999; no nav.
Até aí, tudo bem. Só que a partir de 1024px de largura, após clicar em um item do menu e voltar ao topo do site novamente, o banner fica deslocado para baixo e para a esquerda:
E a partir de 768px , o banner se desloca para baixo:
A única forma que encontrei decorrigir estes bugs foi abrir mão da animação que era ativada ao clicar no menu. Há outra forma de resolver isto sem desabilitar a animação?
Se alguém quiser ver o código completo, este é o repo: https://github.com/Roger-Melo/curso-bootstrap-alura
