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.
@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!