Тёмный

Como criar um menu mobile no elementor sem plugins adicionais 

Marcelo Rocha Designer
Подписаться 60 тыс.
Просмотров 11 тыс.
50% 1

Neste vídeo ensino a criar um menu do estilo mobile, sem usar nenhum outro plugin adicional ao Elementor Pro. Faço isso usando uma técnica com popups. Não usar plugins adicionais irá ajudar a manter uma boa performance no seu site.
👉 Cadastre-se para entrar no meu grupo do Telegram/Whatsapp e receber novidades:
📍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
#wordpress #desenvolvimentodesites #elementor #sites #webdesign #designgráfico #wordpresseelementor

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

 

21 сен 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 66   
@micheldeluca
@micheldeluca 2 месяца назад
Muito bom o conteúdo e explicação. Parabéns e obrigado pela ajuda.
@gustavoduartt777
@gustavoduartt777 2 месяца назад
Sensacional, me ajudando mais de um ano depois
@mouzinhoaugustosambua1506
@mouzinhoaugustosambua1506 16 дней назад
Conteudo super top e muito diferenciado. Valew!!!!
@soqueriacomentar
@soqueriacomentar Год назад
Video rápido e prático, e ainda sim com mtos detalhes!
@marcelordesigner
@marcelordesigner Год назад
Obrigado amigo!
@gabrielbassalo3834
@gabrielbassalo3834 Год назад
Hoje tenho o elementor pro, porém esse vídeo é muito importante pois a um tempo atrás foi oq me salvou, parabéns!!
@marcelordesigner
@marcelordesigner Год назад
Show mano 🚀🚀🚀
@Davi-lr5nl
@Davi-lr5nl 11 месяцев назад
E como você faz isso no Elementor Pro?
@marcelordesigner
@marcelordesigner 11 месяцев назад
@@Davi-lr5nl o tutorial do vídeo foi feito usando o Elementor Pro
@viniciusramoscm
@viniciusramoscm 29 дней назад
Parabéns, sensacional!
@marcelordesigner
@marcelordesigner 29 дней назад
Valeu amigo
@johnycruz3631
@johnycruz3631 Год назад
Gostei de mais. É o único que eu achei que realmente ensina fazer o menu hambúrguer.
@marcelordesigner
@marcelordesigner Год назад
Valeu amigo
@pensandodireito8204
@pensandodireito8204 2 года назад
Muito TOP! Estava precisando disso. Obrigado.
@larosatiago
@larosatiago 6 месяцев назад
QUE TOP... Sempre usei o padrão... Achei melhor a sua config... 🙂
@alleprime
@alleprime 8 месяцев назад
Muito bom! Simples e objetivo.
@LuisCarlosQuinhoneFRC
@LuisCarlosQuinhoneFRC 5 месяцев назад
Top, simples e eficiente
@ezedanpeezequielnunesperei6473
Muito bão só a imagem da logo que deu problemas em contênier! Grato
@RogerioBarillari
@RogerioBarillari Год назад
Que show de bola ,Marcelo! Conteúdo mega interessante! Seria possível fazer com que, quando o usuário clicar em uma das opções do menu, o popup recolha de forma automática, sem que ele tenha que clicar no botão de fechar? Na minha opinião, esse ajuste cairia bem, principalmente para os acessos mobile nos sites de página única, cujo as seções normalmente são ancoradas com ID. Valeu! =)
@marcelordesigner
@marcelordesigner Год назад
Dá sim Rogério. Para isso precisa de um código javascript. É só colar este código em um widget HTML inserido abaixo das opções do menu: jQuery(function($){ $(document).on('click','.elementor-location-popup a', function(event){ elementorProFrontend.modules.popup.closePopup( {}, event); }); });
@RogerioBarillari
@RogerioBarillari Год назад
​@@marcelordesigner Uow! Que resposta completa e eficiente, já salvei o código JS aqui! Você manda muito bem, valeu Marcelo!
@marcelordesigner
@marcelordesigner Год назад
@@RogerioBarillari Tamo junto mano!
@ade_soares
@ade_soares 3 месяца назад
@@marcelordesigner valeuuuu
@brcanova
@brcanova 4 месяца назад
Sensacional a dica. Uma dúvida leiga: se o usuário tiver bloqueador de popup no navegador, este menu funciona normalmente?
@marcelordesigner
@marcelordesigner 4 месяца назад
Não testei, mas provavelmente sim, por que o popup abre na mesma janela e não em uma janela separada. (Os bloqueadores barram janelas de popup)
@pensandodireito8204
@pensandodireito8204 2 года назад
Poste pelo menos 3 vídeos por semana para o seu canal crescer. Gostei do conteúdo. Já me inscrevi!
@marcelordesigner
@marcelordesigner 2 года назад
Obrigado pelo incentivo. Por pessoas como você que me incentivam vou me esforçar para fazer isso! 😃
@geniosdowp
@geniosdowp Год назад
Exelente conteudo, parabéns
@marcelordesigner
@marcelordesigner Год назад
Valeu meu amigo! :D
@JorgeRoriz
@JorgeRoriz 3 месяца назад
Aula muito boa. Porém deveria ser de forma mais lenta. Muda a tela rapidamente e não dá para ver..Tem que voltar pausar para entender. O nível de conhecimento das pessoas é diferente,
@marcelordesigner
@marcelordesigner 3 месяца назад
É só assistir na velocidade mais lenta amigo.
@wandermatias8927
@wandermatias8927 Год назад
Estava precisado de uma 💡
@marcelordesigner
@marcelordesigner Год назад
Tamo junto irmão!
@ramirovianaferreira6726
@ramirovianaferreira6726 Год назад
Oi Marcelo, porque será que o popup não fecha no celular. No computador abre e fecha normalmente. Me ajuda aí cara, já fiz de tudo. Assisti seu vídeo várias vezes e fiz tudo igual você ensinou.
@marcelordesigner
@marcelordesigner Год назад
Me chama no WhatsApp que te dou uma mão 15998039899
@michaelcelestrino5698
@michaelcelestrino5698 Год назад
estou com o mesmo problema ajuda eu ai
@willianjunio5335
@willianjunio5335 Год назад
Excelente conteúdo, depois faz usando contêiner
@marcelordesigner
@marcelordesigner Год назад
Boaaa
@dario.barreto
@dario.barreto Год назад
Topzera
@marcelordesigner
@marcelordesigner Год назад
Valeu mano
@wandermatias8927
@wandermatias8927 Год назад
Adorei veio!
@marcelordesigner
@marcelordesigner Год назад
Que bom que gostou irmão!
@upperadsmarketing
@upperadsmarketing Год назад
Você é fodaaaah
@marcelordesigner
@marcelordesigner Год назад
Valeu mano!!! Tamo junto
@gabyvinceza4595
@gabyvinceza4595 8 месяцев назад
Seus vídeos são muito bom 😊 obrigado, você pode me ajudar estou com um problema, comprei um site estou tentando aumentar o tamanho da logo não vai, e quando eu mudo a logo na aparência do site não vai para o site todo 😱🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯
@marcelordesigner
@marcelordesigner 8 месяцев назад
Fica meio difícil de descobrir exatamente o que é apenas dizendo assim. Seria preciso de um diagnóstico mais completo para saber exatamente qual está sendo o problema.
@gabyvinceza4595
@gabyvinceza4595 8 месяцев назад
@@marcelordesigner como eu consigo esse diagnóstico? Quando acontece esses tipos de problemas e para entra em contato com a hospedagem do site ? Muito obrigado pela sua resposta, que Deus te abençoe, estou aprendendo muito com você.
@gabrielbruno4019
@gabrielbruno4019 11 месяцев назад
🔥
@matheusmuniz3468
@matheusmuniz3468 Год назад
Opa Marcelo! Muito fera esse conteúdo cara, irmão o meu icone em close popup não está fechando não sei por que. Você sabe me dizer o que é?
@marcelordesigner
@marcelordesigner Год назад
Pode ser alguma configuração de Javascript. Se estiver usando algum plugin desativa a minificacao ou então reseta o elementor para ver se funciona.
@letraemusica7544
@letraemusica7544 10 месяцев назад
Bem, imaginei que ia ser possível deixar um apropriado para pc e outro para mobile. No entanto ao fazer esse especifico para mobile, ao acessar no pc irar aparece com a mesma configuração do mobile? Não tem como deixar um para cada tipo de tela?
@marcelordesigner
@marcelordesigner 10 месяцев назад
Tem sim é só você usar a aba avançado do elementor, e na opção responsivo marcar as resoluções em que deve estar oculto ou visível o menu.
@renato6003
@renato6003 Год назад
Sou novato, pq quando clico em novo modelo o meu não aparece o "Header"? Só tem Selecionar, Landing Page, Pagina e Seção.
@marcelordesigner
@marcelordesigner Год назад
Provavelmente vc está com a versão free do elementor apenas ao invés de estar também com a versão PRO. Vc pode baixar o PROElements e instalar no site: proelements.org/ Ou pode ser que a versão está desatualizada. Verifica isso também.
@amtsites1389
@amtsites1389 8 месяцев назад
Olá Marcelo, beleza? Eu criei este menu lateral só que âncora, e quando clico em um dos itens do menu ele rola até a parte do site onde foi direcionada, mas quando saio do popup ele volta ao topo da página, sabe me dizer o que posso fazer para corrigir? Valeu pelo vídeo!
@marcelordesigner
@marcelordesigner 8 месяцев назад
Opa! Para isso precisa de um código javascript. É só colar este código em um widget HTML inserido abaixo das opções do menu: jQuery(function($){ $(document).on('click','.elementor-location-popup a', function(event){ elementorProFrontend.modules.popup.closePopup( {}, event); }); });
@amtsites1389
@amtsites1389 8 месяцев назад
@@marcelordesigner Obg Marcelo, conegui resolver! Mas no mobile, quando clico no botão que criei para abrir o popup, (menu lateral) ele abre, porém, ele acaba indo pra baixo do rodapé... Sabe me dizer como resolver isto?
@marcioneuberger7865
@marcioneuberger7865 3 месяца назад
@@marcelordesigner Eu estava com esse mesmo problema, cara tu é muito fera!!!! ajudou muito muito!
@ezedanpeezequielnunesperei6473
Faltou um detalhe muito importante amigo! Como vou deixar esse menu só para o celular! Grato
@marcelordesigner
@marcelordesigner Год назад
A ideia aí é mostrar geral. Se quiser só para celular pode usar as opções avançadas do widget > Responsivo.
@gameranciao
@gameranciao Год назад
São recursos PRO
@marcelordesigner
@marcelordesigner Год назад
Sim você pode usar o elementor PRO ou se quiser uma alternativa gratuita pode usar o PROElements que irá liberar os mesmíssimos recursos do elementor
@JoNoctua
@JoNoctua 2 месяца назад
Será possível todo mundo da face da terra só ensinar com o Elementor? Eu uso Gutenberg e não encontro NENHUM tutorial sem o maldito Elementor.
@marcelordesigner
@marcelordesigner 2 месяца назад
É por que o MALDITO do Gutemberg É UMA BOSTA. Se o mais usado é o ELEMENTOR é por que ele É O MELHOR e VOCÊ DEVERIA SE ATUALIZAR!
@daniellibanio
@daniellibanio Год назад
Sow
Далее