Como criar um MENU LATERAL STICKY no Elementor [Sem plugins adicionais]

[@belomatech]

Muito obrigado! Eu estava aqui doido achando que precisava de um software pra desenvolver um painel dashboard e tu com essa aula sinistra me salvou kk.

[@ingagecompany3276]

Feraa, obrigado por compartilhar seu conhecimento, não perco nada!

[@FontesMidias]

Aula com conteúdo violento de bom!!! Parabéns!

[@ma4rim4ri]

perfeito, zero defeitos! obrigada!

[@professor.renatodantas]

Parabéns Marcelo! Muito legal!

[@marcelordesigner]

Valeu Professor Renato!

[@carollamaral7988]

Parabéns, muito bom! Deu certinho e consegui personalizar vários componentes

[@raphaelsantos9563]

Conteúdo massa... consegui fazer, mas não estou usando contêiner e sim o modo antigo. E quando clico no sanduíche a pagina não acompanha o menu . O menu fica sobre a pagina.

[@agenciaupgyn]

Nao tem mais o link do telegram para pegar o codigo.... so tem o site

[@marcelordesigner]

@@agenciaupgyn tem sim irmão. Ao se cadastrar, você será direcionado para a página de obrigado onde tem o link do Telegram.

[@jdejailson]

Que aula foda! Obrigado, ajudou demais!!!!!!!!!!!

[@marcelordesigner]

Valeu amigo tamo junto

[@marcelolopes5780]

Fala Marcelo, blz? onde você baixa esse icon em SVG? Obrigado

[@marcelordesigner]

flaticon.com

[@marcelolopes5780]

@@marcelordesigner muito obrigado. Deus abençoe!!!

[@PedroHenrique-xf8uz]

A opção de caneçario nos modelos salvos, tem só no elementor pro?

[@marcelordesigner]

Sim

[@MatheusBordini-sm7mf]

O meu deu tudo certo, mas na versão celular aparece uma faixa branca quando o menu sai pra lateral, na versão desktop tudo certo, o que pode ser Marcelo ?

[@marcelordesigner]

Solução está neste vídeo: kzbin.info/www/bejne/gqjdn4urnbufiacsi=TIqzAU2OU8zsGuR9

[@mikellison]

Show! Ganhou um inscrito 😂

[@marcelordesigner]

Valeu, tamo junto!

[@AdrianSantos-f4s]

tem como personalizar esse menu lateral para que só apareça no mobile e no pc/tablet apareca o menu padrão no horizontal em cima?

[@marcelordesigner]

Sim, através de média queries. Veja este vídeo: kzbin.info/www/bejne/jH3GfJ-ndpubpK8si=cDl_2INikFVJlhQY

[@antoniolopes2972]

Olá Marcelo , como posso ter acesso ao CSS que você usou para criar este menu ?

[@marcelordesigner]

Primeiro link na descrição deste vídeo, você pode se cadastrar e entrar para o meu grupo do Telegram. Ao entrar no grupo, veja a descrição dele que nela estará um link do Google Drive onde coloco os códigos e materiais que disponibilizo gratuitamente aqui no meu KZbin.

[@amtsites1389]

Boa noite Marcelo, beleza? Vídeo muito top, pra mim ficou quaase tudo perfeito! Somente o código ali da lista de ícones que eu não consegui mudar o fundo do hover, eu mudo o código da cor mas ele continua o mesmo (branco), sabe me dizer o que pode ser? Obrigado pelo vídeo, vai acrescentar muito em um projeto meu!!

[@marcelordesigner]

Rapaz da uma conferida se a classe está certa. Qualquer coisa tente colocar um !important na frente para tentar forçar e ver se a configuração se aplica.

[@brunotosin]

Monstro Sagrado!!

[@pdunham]

Boa tarde, Parabéns! Muito bom este vídeo. Eu apenas pensei que também poderia ter uma parte no código que permitisse fazer o mesmo efeito do menu para widget de icone, onde teriamos um icone e texto de email e e outro para celular. Mas muito massa seu vídeo.

[@lucasravagnani5196]

nao consigo fazer o menu abrir pelo mobile, o que pode ser?

[@marcelordesigner]

Erro no código. Revise novamente.

[@elbr10]

Boa tarde. Menu fantástico e ficou perfeito no meu site. Queria saber se existe como o menu já iniciar o site fechado? porque quando acessamos o site ele está aberto e automaticamente fecha, mas queria que ele ficasse desde o começo fechado e só abrisse quando clicassem no ícone.

[@marcelordesigner]

Da forma como foi desenvolvido ele funciona assim. Teria que ser desenvolvido de outra maneira.

[@cleberbitencourt6914]

Pior que incomoda essa abertura do menu lateral toda vez que a página é recarregada, ainda mais se você tem um site com diversas páginas…

[@tomservoloriddle]

Mas esse é o jeito mais fácil de fazer. O que ele passou aqui é o hardcore.

[@igorgalhardoferri1275]

link no grupo nao esta abrindo drive no telegram

[@marcelordesigner]

Está sim veja direito

[@tiagomastroscosso]

E para ficar com a barra lateral com os ícones também no celular?? tem como?? Aula muito bem apresentada, conteúdo de altíssimo valor. Obrigado por compartilhar...

[@marcelordesigner]

Dar até dá, retirando o media queries do css e adaptando o código.

[@andreoliveira9607]

Me parece que esse tutorial só funciona com o Elementor Pro "Popular". A edição de CSS não está disponível na versão "Essencial". Estava fazendo todo empolgado até dar de cara nessa limitação. Foi tudo por água abaixo!!😭😭😭 Poderia avisar logo no início do vídeo.

[@marcelordesigner]

Amigão, se você não usa o Elementor Pro realmente o CSS avançado não estará disponível dentro do editor. Mas, você pode usar alternativamente a versão GPL do plugin que é o ProElements, que libera todas as funcionalidades do Elementor Pro normalmente. Basta baixá-lo gratuitamente aqui: proelements.org/ De nada ;)

[@bronxforex]

Marcelo, fiz tudo certinho mas o menu não aparece na página de jeito nenhum

[@marcelordesigner]

@@bronxforex pode ser cache do seu site. Verifique isso.

[@bronxforex]

@@marcelordesigner Já limpei, mas mesmo assim nada, poderia me ajudar

[@marcelordesigner]

@@bronxforex Estou ajudando. Existem várias camadas de cache, cache de aplicação, cache de navegador, cache de CDN e etc... Provavelmente é alguma delas. Se mesmo assim não aparecer, veja se aparece no modo de edição, se aparecer no modo de edição significa que é isso mesmo: cache. Se não aparecer nem no modo de edição: ou você fez algo de errado no código ou pode existir plugins adicionais que está usando que estão causando conflito. Neste caso teste em um outro domínio separado sem nenhum outro plugin para ter certeza de que está funcionando.

[@sondoceu]

O link não esta direcionando para o Telegram, esta dando erro

[@marcelordesigner]

Prontinho, tá resolvido. Obrigado por avisar!

[@rodrigobarroso5296]

Boa meu amigo. Muito bom o conteúdo. Mas o css personalizado da lista de ícone não está entrando. Não sei o motivo, eu alterei o nome das listas e os ícones, será que interfere?

[@marcelordesigner]

Provavelmente. Faça EXATAMENTE como mostro no vídeo para funcionar.

[@Rumoaotopo-gl6fq]

O meu não aparece na página de jeito nenhum no celular

[@marcelordesigner]

Revise, está fazendo algo de errado.

[@Rumoaotopo-gl6fq]

não precisa por nada no icon ou container pra quando clicar ele puxar o menu no mobile?@@marcelordesigner

[@felicianogomes3944]

Conseguisse resolver???@@Rumoaotopo-gl6fq

[@LUCASOLIVEIRA-cz8xe]

Não estou localizando qual arquivo é o correto para acessar o código no drive

[@marcelordesigner]

Está lá na pasta, dá uma olhada.

[@maurilio0462]

Não estou conseguindo acessar o link do telegram, poderia me enviar?

[@marcelordesigner]

marcelordesigner.com/aulasdequinta/ Se cadastra aqui e você será direcionado para o link com acesso ao grupo do Telegram.

[@danilofernandesdeoliveira2506]

Como faz para deixar o menu no canto direito da tela?

[@marcelordesigner]

Seria um código diferente para isso.

[@Ronny-i4w]

Y el grupo de telegram donde esta ?

[@marcelordesigner]

Primeiro link nos comentários

[@Ronny-i4w]

@@marcelordesigner será el primer link en la descripción?

[@marcelordesigner]

@@Ronny-i4w yes

[@renandez.sallatti]

Fiz todo o procedimento e insiste em ficar com a barra branca por cima, será que tem haver com o Tema?

[@marcelordesigner]

Provavelmente. Use o Hello Elementor

[@renandez.sallatti]

@@marcelordesigner sim, era o tema mesmo, alterei aqui e deu sucesso; conteudo fod@! Muito Obrigado!

[@dinahmartins4876]

link do telegram não ta funcionando. Não consegui acesso ao código css

[@marcelordesigner]

Estou mexendo no servidor neste momento por isso está off, tente mais uma vez mais tarde, daqui a pouquinho termino

[@laercioatalaia7105]

valeu brother. Deus abençoe 👍

[@marcelordesigner]

Tamo junto

[@GilLuis1000]

Boa noite Marcelo. O Css do Menu Lateral vc colocou no Discord?? Não encontrei na Comunidade... kk

[@marcelordesigner]

Opa Gil. Rapaz, o Telegram está temporariamente fora. Vou te mandar no particular amigo. Oremos para que o Telegram volte ao ar rapidamente kkk

[@ReeMarques12]

não consigo acessa o grupo do telegram. para pega o código, poderia me enviar de alguma forma?

[@marcelordesigner]

Tem que se cadastrar no link da descrição para conseguir acessar o drive

[@robsontazinaffo4704]

Tem como deixar só no mobile?

[@marcelordesigner]

kzbin.info/www/bejne/jH3GfJ-ndpubpK8 veja este vídeo

[@AndPlayoficial]

não achei o telegram, pra ver o codigo

[@marcelordesigner]

Se cadastra aqui e depois você será direcionado para o grupo do Telegram: marcelordesigner.com/novidades

[@GabrielLimaMartinez]

Arrebentou hein mano!! 👏👏👏👏👏👏 só não uso Telegram pra pegar os códigos 😩😩

[@marcelordesigner]

Faz uma conta aí, é rapidão e vale a pena 😀

[@LuanSilva-qd6kq]

cadê o grupo do telegram?

[@marcelordesigner]

Primeiro link na descrição do vídeo. Ao se cadastrar poderá entrar no grupo e os códigos estão no drive que está na descrição do grupo

[@denilsondiniz436]

aulão

[@marcelordesigner]

@@denilsondiniz436 valeu vamo que vamo

[@myintsanaung4974]

Hi, how to get code please

[@marcelordesigner]

Subscribe to my Telegram Channel in the first link in the description.

[@hyerro4218]

cade os codigos css?

[@marcelordesigner]

Primeiro link na descrição do vídeo, você se cadastra e entra no grupo do Telegram. Depois, acessa a descrição do grupo que lá terá um link no Google Drive com todos os códigos

[@g.caetano]

muito bom, ❤

[@pitchlento1]

O Meu não funcionou adequadamente e não consegui descobrir onde está a falha, não aparece o menu na Página principal e na hora que estamos no modo que ele tem que ficar recolhido, não recolhe para ficar apenas os icones pequenos. No Celeular nem se fala, bugou geral, acho que vou ter que fazer novamente desde o começo para ver se identifico onde falhei na hora de acompanhar o vídeo. Muito boa a aula, seria melhor se funcionasse comigo kkkkk

[@marcelordesigner]

Faz bem devagar amigo, passo a passo. Quando a gente fala de código, uma pequena coisinha que esteja errada já não funciona. Certifique-se também se usar a mais recente versão dos plugins e também estar usando a configuração de contêiner.

[@pitchlento1]

@@marcelordesigner Sim, estou usando a configuração conteiner porque inclusive estou com uma instalação nova de Wodpress e Elementor, inclusive ELEMENTOR PRO, e os códigos só copiei e colei na sequência da aula. Mas enfim... Vou tentar refazer para ver se funciona. Obrigado pela atenção.

[@felicianogomes3944]

Conseguiu resolver amigo? estou com mesmo problema

[@denilsondiniz436]

top demais

[@oncps22]

Ue, cade o link do telegram? Alias, entrei pelo link pediu pra colocar email depois entrei no grupo e lá só tem o link da aula do youtube! Mds poderia facilitar a vida e postar os codigos da aula em um lugar separado onde a gente so copia e cola!!!! Aff

[@marcelordesigner]

Os códigos estão no link que está na descrição do grupo filhão. Entre lá daí você copia e cola.

[@mnzdigital-z9e]

aqui bugou foi tudo

[@marcelordesigner]

Confere novamente os codigos