Oi Leticia, tudo bem?
Uma forma que encontrei de contornar, foi desabilitando o menu-lateral quando as telas forem menores que 360 por exemplo, ou reciclar o código do responsivo, o que me intrigou é que ele já está sendo desabilitado no responsivo.css, mas de algum modo o menu.css interfere, por conta disso no próprio menu.css, entre dentro do arquivo e insira o seguinte código, no final do arquivo:
@media only screen and (max-width: 1023px) {
.menu-lateral{
display: none;
}
}
Deste modo o menu lateral é desabilitado, e os textos não são embaralhados, pois do modo antigo era muito conteúdo comprimido no mesmo espaço.
Espero ter ajudado, qualquer dúvida, me coloco à disposição! Bons estudos!
Sucesso
Um grande abraço e até mais!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!