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á :
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;
}
}
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.
@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!
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
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%!