Mudar aparência do botão MENU no mobile

[AmandaMagro]

Oi Pessoal!

Usei algumas dicas daqui da comunidade para modificarmos o botão menu do mobile que no meu caso estava o padrão.

Consegui colocar a palavra MENU:

Mas eu gostaria que ficasse 3 listras e do lado esquerdo do botão de procura.

É possível?

[AmandaMagro]

Usei o script em js do @brenonovelli aqui:

https://comunidade.lojaintegrada.com.br/t/novo-menu-mobile-lateral/58614

E funcionou, o botão ficou 3 listras e foi la pra cima.

Mas agora a minha barra de procura ficou curta e tem um espaço grande acima do logo.

Como eu faço para corrigir a barra de procurar para cobrir todo o espaço e tb remover esse espaço acima do logo?

[Paulo21]

boa noite,
tenta assim e vê se da certo…

@media only screen and (max-width: 767px) {
    .busca {
        margin: 0;
    }

    body > div.conteiner-principal {
       padding-top: 60px !important;
    }

}

[AmandaMagro]

@Paulo21

@media only screen and (max-width: 767px) {
    .busca {
        margin: 0;
    }

    body > div.conteiner-principal {
       padding-top: 60px !important;
    }

}

Deu certo!