Ajuste inverter menu versão mobile

Olá, bom dia!
Gostaria de inverter o posicionamento das categorias no meu menu, colocando ela antes deste menu institucional. Alguém poderia me auxiliar?

Obrigada.

1 curtida
@media only screen and (max-width: 1024px) {
    .menu-mobile-wrap {
        flex-direction: column-reverse !important;
    }
}

Exatamente isso!
Este espaço branco entre os dois pode ser ajustado? Em alguns telefones ele corta uma parte no final do menu.

1 curtida

Não tem como por conta da disposição dos itens, teríamos que fazer muitas alterações. De qualquer forma mesmo que o espaçamento seja removido, o conteúdo não deslocaria para cima, ficaria como está.

Testei a responsividade em muitos dispositivos e em nenhum deles o menu é cortado - fica disposto da forma correta com o width em 100vh. Mas de forma rápida, da pra fazer algo parecido com isso:

@media only screen and (max-width: 1024px) {
    .painel-mobile {
        border-bottom: 1px solid #e8e8e8 !important;
        border-top: 1px solid #e8e8e8 !important;
        margin-bottom: 40% !important;
    }
    .conta-mobile .inside {
        border-top: 1px solid #e8e8e8e8 !important;
    }
}

Certo! Ficou ótimo assim. Agradeço pela ajuda.

1 curtida