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

Подписаться 63 тыс.

Просмотров 11 тыс.

50% 1

Esse menu é um espetáculo de bonito! E o melhor: não precisa de nenhum outro plugin adicional.
👉 Entre no meu grupo do Telegram para receber notificações sempre que sairem conteúdos novos e ter acesso à todos códigos e materiais das aulas:
📍cutt.ly/grupow...
👉 Participe de uma pesquisa 100% anônima e muito rápida para me ajudar a melhorar os conteúdos que compartilho aqui para você:
📍forms.gle/y3Sy...
👉 Se inscreva no canal:
📍 / @marcelordesigner
👉 Me siga nas redes sociais:
📍 Instagram - / marcelordesigner
📍 Facebook - / marcelordesignergrafico
📍 Ganhe descontos em compras online com o méliuz: cutt.ly/3ZQIRm2
#sites #wordpress #wordpressparainiciantes #sitesbrasil #desenvolvimentodesites #webdesign #elementor #designgráfico #designbr #marketingdigital

Опубликовано:

29 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 89

@oncps22 3 месяца назад

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 3 месяца назад

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

@MatheusBordini-sm7mf 2 месяца назад

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 2 месяца назад

Solução está neste vídeo: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-LwznXuhVlSE.htmlsi=TIqzAU2OU8zsGuR9

@AdrianSantos-f4s 3 месяца назад

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 3 месяца назад

Sim, através de média queries. Veja este vídeo: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-VLcKlqA6hnM.htmlsi=cDl_2INikFVJlhQY

@antoniolopes2972 5 месяцев назад

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

@marcelordesigner 5 месяцев назад

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 RU-vid.

@denilsondiniz436 2 месяца назад

top demais

@lucasravagnani5196 5 месяцев назад

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

@marcelordesigner 5 месяцев назад

Erro no código. Revise novamente.

@sondoceu 7 месяцев назад

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

@marcelordesigner 7 месяцев назад

Prontinho, tá resolvido. Obrigado por avisar!

@marcelolopes5780 2 месяца назад

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

@marcelordesigner 2 месяца назад

flaticon.com

@marcelolopes5780 2 месяца назад

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

@belomatech 6 месяцев назад

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.

@raphaelsantos9563 5 месяцев назад

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.

@robsontazinaffo4704 7 месяцев назад

Tem como deixar só no mobile?

@marcelordesigner 7 месяцев назад

ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-VLcKlqA6hnM.html veja este vídeo

@LuanSilva-qd6kq 8 месяцев назад

cadê o grupo do telegram?

@marcelordesigner 8 месяцев назад

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

@amtsites1389 8 месяцев назад

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 8 месяцев назад

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.

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

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

@m4rizinha 5 месяцев назад

perfeito, zero defeitos! obrigada!

@igorgalhardoferri1275 7 месяцев назад

link no grupo nao esta abrindo drive no telegram

@marcelordesigner 7 месяцев назад

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.

@brunotosin 5 месяцев назад

Monstro Sagrado!!

@carollamaral7988 Год назад

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

@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

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

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

@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 9 месяцев назад

Conseguiu resolver amigo? estou com mesmo problema

@ingagecompany3276 Год назад

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

@PedroHenrique-xf8uz 10 месяцев назад

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

@marcelordesigner 10 месяцев назад

Sim

@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

@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 😀

@FontesMidias Год назад

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

@professor.renatodantas Месяц назад

Parabéns Marcelo! Muito legal!

@marcelordesigner Месяц назад

Valeu Professor Renato!

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

@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

@danilofernandesdeoliveira2506 Год назад

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

@marcelordesigner Год назад

Seria um código diferente para isso.

@myintsanaung4974 Год назад

Hi, how to get code please

@marcelordesigner Год назад

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

@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

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

@jdejailson 9 месяцев назад

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

@marcelordesigner 9 месяцев назад

Valeu amigo tamo junto

@mikellison 7 месяцев назад

Show! Ganhou um inscrito 😂

@marcelordesigner 7 месяцев назад

Valeu, tamo junto!

@Rumoaotopo-gl6fq 11 месяцев назад

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

@marcelordesigner 11 месяцев назад

Revise, está fazendo algo de errado.

@Rumoaotopo-gl6fq 11 месяцев назад

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

@felicianogomes3944 9 месяцев назад

Conseguisse resolver???@@Rumoaotopo-gl6fq

@mnzdigital-z9e 11 месяцев назад

aqui bugou foi tudo

@marcelordesigner 11 месяцев назад

Confere novamente os codigos

@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