Minha dúvida é:
Tendo em vista que o cabeçalho é bem diferente na tela maior, não seria mais legível, no código, criar um outro container duplicando o código do cabeçalho mobile e realizando as alterações. Usaríamos apenas um "display:none;" em cada classe container, a depender do tabanho da tela e não nos precuparias com a visibilidade dos intes internos a ele.
<div class="container-1024px">
"aqui iria a cópia com as alterações necessárias para as telas maiores que 1024px"
</div>