Obrigado, ficou show!!
1 curtida
Nao entendi aonde insiro o código!
É cabeçalho ou rodapé?
CSS?
- Login - Loja Integrada
- https://github.com/brenonovelli/lojaintegrada/tree/main/SideMenuMobile#como-usar
O JavaScript pode entrar no rodapé e o estilo CSS no cabeçalho.
2 curtidas
*esse: scripts.js É o código JavaScript?
Esse é o css?
body { --corLinkPrincipal: #fff; --corLinks: #bebaab; --corLinksNivelTres: #ccc; --backgroundMenuLateral: rgba(0, 0, 0, 0.95); --botaoFecharMenu: #bb0000; --botaoFecharMenuCorX: #ffffff; }
1 curtida
Sim. O css você pode mudar as cores se quiser. Se não conseguir, me fale aí. Se possível, manda um print de como fez.
Breno Novelli
1 curtida
O script.js na verdade é o nome do arquivo.
O conteúdo do arquivo é esse:
document.addEventListener("DOMContentLoaded", function (event) { const iconAtalhoMenu = document.querySelector(".atalho-menu"); const iconMenuSVG = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>'; iconAtalhoMenu.insertAdjacentHTML("afterbegin", iconMenuSVG); iconAtalhoMenu.classList.remove("icon-th", "botao", "principal"); const ulAtalhosMobile = document.querySelector(".atalhos-mobile ul"); const newItemSideMenu = document.createElement("li"); newItemSideMenu.classList.add("menu-button"); ulAtalhosMobile.prepend(newItemSideMenu); newItemSideMenu.append(iconAtalhoMenu); const menuLateral = document.querySelector(".menu.superior > ul"); const closeMenuButton = document.createElement("button"); closeMenuButton.classList.add("closeMenuButton"); menuLateral.append(closeMenuButton); closeMenuButton.onclick = () => { menuLateral.classList.remove("active"); }; });
1 curtida
Ahhhh sim 
o outro tá certo então? Esse é o Java, né?
Ele deveria aparecer na tela ao lado, certo?
Outra coisa, sem querer abusar, tem como aumentar essa barra buscar?
Deveria mesmo. Não está certo. Deve estar faltando algum código aí.
Breno Novelli
1 curtida
Você usou esse código css todo?
1 curtida
Breno (@brenonovelli)
muito obrigada por compartilhar. Ficou fantástica essa solução do menu!
Eu instalei no meu site mas o icone da home ficou duplicado conforme o print abaixo.
Vc sabe como eu poderia resolver isso?
Mais uma vez obrigada!!! Abraços, Roberta
1 curtida
Ou ate se desse para manter o icone do menu como está o meu hoje mas colocar a solução do menu como vc fez. Não sei se isso seria simples.
Hj o meu está assim…
Ah o site é o www.laspiaggia.com.br
1 curtida
@Leonardo_Vicentini_F boa noite!
Tenho seguido muito os seus posts, são excelentes. E não achei uma solução para isso na comunidade.
Por acaso vc saberia uma solução para enviar o icone da home (casinha) para a direita para que eu possa fazer esse menu do Breno deste post?
Como coloquei na imagem acima, quando eu aplico a solução dele o meu menu fica bem em cima de onde hoje é meu icone da home.
Muito obrigada desde já! Abraços,
Roberta
o problema acontece pq vc ja tem um tema ou customizações instaladas…
1 curtida
exemplo de algo que nao existe no tema padrão e foi implementado.
imagem: https://cdn.awsli.com.br/443/443689/arquivos/spritemobsports.png
1 curtida
Obrigada pelo retorno Leonardo! Deve ser isso mesmo pq eu comprei um tema.
Nesse caso vc sabe se eu tenho que pedir para o desenvolvedor do tema alterar ou isso seria com um programador?
Muito obrigada!
sugiro um programador, no caso o próprio criador desse código @brenonovelli, excelente profissional
3 curtidas
Ta otimo, eu vou falar com ele!
Muito obrigada!!! 
1 curtida