Mudar ícone do MENU para algum escrito “menu”

oie pessoal, alguém poderia me ajudar a alterar o ícone do menu? o meu está 3 listinhas mas eu gostaria de adicionar a palavra menu ao lado ou deixar só a palavra menu como ícone mesmo, foto de como está :

1 curtida

Editar CSS:

@media (max-width: 767.98px) {

    html body #cabecalho .atalhos-mobile ul li.menu-button a.atalho-menu.visible-phone:after {
        content: "Menu";
        font-size: 18px;
        margin-left: 5px;
    }

html body #cabecalho .atalhos-mobile ul li.menu-button a {
        top: 0;
        display: flex !important;
        align-items: center;
    }
}
1 curtida

Bom dia! É só colar no CSS , só peço para salvar o SVG no seu diretório de arquivos, pois se eu apagar vai sumir do seu site.

Screenshot 2024-09-12 at 12-07-42 Lumos Summer

@media only screen and (max-width: 767px) {
.fundo-secundario, .fundo-secundario *, .fundo-secundario :hover, .fundo-secundario:hover, .fundo-secundario.botao:hover {
color: #ffc0cb00;
}
}

@media only screen and (max-width: 767px) {
.menu-mobile-button {
background: transparent url(https://cdn.awsli.com.br/1274/1274265/arquivos/botao-mobile-menu.svg) center no-repeat !important;
}
}

oie, muito obrigada Lucas, vou tentar, mas como faço pra salvar ? e salvo onde ?

Bom dia, é só clicar no link:

https://cdn.awsli.com.br/1274/1274265/arquivos/botao-mobile-menu.svg

e depois salvar no seu computador ( Salvar página/SVG )
Depois coloque esse arquivo no seu Gerenciador de Arquivos da Loja e troque o link no código!

Olá, boa tarde.
Caso não tenha resolvido ou ainda tenha dúvidas, me chame no: gianvitordias@gmail.com ou Contato | Gian Dias

Coloquei no site e achei que ficou muito bom as 3 listras e a palavra ao lado.
Obrigado por compartilhar seu conhecimento!

1 curtida

Eu notei que após colocar o código, a listagem ela abre fixa no topo da página, não segue a rolagem.

Teria alguma solução pra isso?

Olhando aqui, percebi que a causa do menu não aparecer, não é desse código :sob:

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

Faltou algumas partes do CSS do código que o Breno disponibilizou no link acima!

Agora está 100%! :raised_hands: