Como Deixar seu Site 100% Responsivo no Elementor WordPress

[@wpdefinitivo]

✔️ *Tem interesse em SEO, criar LOJA VIRTUAL e trabalhar com o ELEMENTOR PRO* ? Estamos recomendando esse curso: ► bit.ly/curso-loja-wp

[@silascardoso4975]

Salvou meu amigo! Deu certo aqui pra mim. Obrigado.

[@TheSandroDLima]

Que vídeo incrível! Aplaudi por R$ 5,00 👏👏

[@ArnaldoCaladoAreni]

Perfeito. Vídeo e aula excelente. Me ajudou muito. Parabéns. Abraços

[@ItalianoBrAJorioBr]

Como sempre, Leo, um conteúdo perfeito e adequado ao usuário de todos os Níveis! A sua sequencia lógica é excelente! Parabéns! Antonio

[@robertoaragaosilveiraaraga3503]

Parabéns Irmão, Deus lhe pague

[@arturacioli]

Era tudo que tava procurando. muito obrigado

[@flavio5594]

show de bola

[@k13kroonos73]

to maratonando seu conteudo ja faz 5 dias cara kkkkkk mt bom

[@JoaoPedro-wm4qg]

cara parabens, já vi varios videos de pessoas que prometem ensinar uma ou outra coisa mas omitem essas configurações básicas, no proprio site do elementor os tutoriais não explicam tão bem, o que acaba levando a horas de dor de cabeça, quem dera ter visto essa playlist a 1 ano atras, acabou de ganhar mais 1 inscrito e um consumidor para os cursos, abraço

[@souzabrantes]

Muito thanks meu caro.

[@Bea-Galvao]

Perfeito!! Muita gratidão!!!

[@214insistente3]

Que video bom, ta me ajudando bastante, ja to conseguindo ajeitar algumas coisas no mobile.

[@izabelareisdesouza]

Muito bom o curso me ajudou bastante. Suas explicações são simples e facilitam o aprendizado. Parabéns que sua trajetoria tenha muito sucesso

[@afabispinelli]

Eu estou seguindo o seu passo a passo fazendo tudo certo e mesmo assim ele altera automaticamente em todos...

[@marciobremer]

comigo tambem acontece a mesma coisa, projetei o site todinho em desktop ai mudei para mobile como disse e mudei o que era para mudar e se adequar, quando foi para o desktop boom!! mudou no desktop tambem!!

[@michelleroberta365]

eu achei q eu q não tava sabendo fazer, pq realmente tá mudando em todosss! Desconfigurou tudo 🤦‍♀️ e eu fiz exatamente como ele falou! Oque fazer? por favor ajuda nois

[@byRaquelP]

Mesma coisa aqui. Será que ninguém sabe como ajudar?

[@michelleroberta365]

@@byRaquelP eu desisti, baixei vários outros plugins.. tbm não deu! paguei um técnico e ficou mil vezes melhor meu site!

[@marciobremer]

@@byRaquelP ali em baixo na hora de editar tem o a barra cinza onde tem o botao de atualizar sempre que faz alguma alteracao, se voce mudar ali para modo responsivo e escolher o celular, tablet ou desktop ele so vai mudar como voce vê, para funcionar voce tem que mudar no item que voce quer alterar, exemplo quero mudar um texto eu clico no texto que quero mudar, vou la em avancado e mudo para o celular. Funcionou comigo perfeitamente!!!

[@jamilfrancisco2224]

Parabéns foi o unico que fala certinho

[@wpdefinitivo]

Valeu! Essa aula já é um pouco antiga. Aqui no canal acabei de publicar mais 3 aulas de como deixar a página do Elementor responsiva.

[@leooomarcio]

vídeo muito bem explicado, parabéns

[@wpdefinitivo]

Valeu!

[@TheilonNeves]

Obrigado, excelentes dicas! Agora pelo mobile está ótimo.

[@renatoroque2504]

vc ta sempre ajudando muito !! valeu Amigo!

[@ederfrade]

Maneiríssima essa aula Leandro parabéns pelo conteúdo! Utilizei a opção RESPONSIVO, da guia AVANÇADO para configurar quais seções seriam exibidas em cada dispositivo, acredito que possa ser uma alternativa adequada para situações como a impossibilidade de ajustar o "saiba mais"do seu modelo, duplicando esse elemento e ajustando cada um deles para ser exibido apenas naquele dispositivo. Parece mais apropriado para elementos isolados e, como vc ensinou nesta aula, a opção RESPONSIVO, do rodapé RESPONSIVO, mais adequada para seções e páginas.

[@wpdefinitivo]

Isso mesmo. Esse recurso de ocultar algumas seções para determinados dispositivos é muito útil, só tem que ter cuidado para não exagerar e isso dificultar a manutenção do site. Abraço!

[@thefactoroficial]

MUITO FODA. SALVOU MEUS NEGÓCIOS

kkkkk, estava sofrendo com isso, valeu demais!!! você é muito fera.

[@clking1938]

como colocar a barra .....MENU.. SERVIÇOS.... CLIENTES ...CONTATOS. ? Obrigado pelo conteúdo Aquela barra que fica na parte superior do site .. 13:53 ... nesse site tá ..Home...Serviços...Equipe....Localização... Contatos....

[@vagnercpa]

Gostei destas dicas :)

[@CostumeMasculino]

Mais um inscrito com sucesso

[@cristianawright6728]

meu site fica pequeno no celular, como faco para adptar para tela?

[@CleitonSilvaDodo]

Fiz como está exatamente no vídeo, mas quando edito no responsivo automaticamente atualiza o desktop e o tablet, já fiz de tudo mas não adianta

[@viralweblife]

com mesmo problema

[@carolinabutignoli666]

Também estou com esse problema. Conseguiram resolver?

[@9977garcia]

saiu atualizando qqr passo que tenha dado,... hum em todos os dispositivos, eu saí atualizando.... e continuou salvo do jeito que deixei.

[@carolinabutignoli666]

Pessoal, comigo o problema era cache. Limpem o cache do WordPress, atualizem a página com ctrl + shift + R. Depois só alterar normalmente. Tem elementos que é básico em todos, mas quando aparece a opção de alterar em mobile e tablet, é pq vai dar certo. Boa sorte!

[@aprendaxadrez3991]

Olá , bom dia! teria como ajustar somente para responsivo celular (tirar a divisória de grafismo) deixando só no desktop? estou tendo problema com ela no no responsivo celular

[@leonardosantospereira3789]

Estou com um problema, pois em dispositivos iguais, como desktop por exemplo, as dimensões de tela mudam, e o meu site não fica com a mesma configuração do Desktop em que ele foi criado.

[@diegocamargo5500]

O meu também

[@santobakeryartesanal3738]

Tem alguma configuração anterior. Pois mesmo estando em modo de edição em Tablet ou celular quando mexe desconfigura a página em desktop.

[@Stihgma]

Boa tarde amigo, no meu aparece no topo da tela os dispositivos e quando seleciono não aparece na esquerda qual estou editando, não sei se é a versão ou se apenas mudou o layout.

[@oinsano_]

Quando na opção de margem, está 2 quadradinho cinzas escrito:´´auto`` e não da pra arrumar a margem, o que eu faço? Eu quero tirar aquele ´´auto`` e mexer na margem...

[@fabiohof.queirantes7038]

para mudar as proporcoes em desktop e mobile, tem que ajustar a fonte para cada tipo é isso? coloco desktop coloco a fonte..... ai coloco mobile e coloco o melhor tamanho é isso? para que assim automaticamente mude em cada situação?

[@wpdefinitivo]

Isso. Exatamente. Em relação a fonte, tem uma forma de deixar isso um pouco mais automático. Em breve vou publicar sobre isso aqui no canal.

[@naniii_26]

Boa Noite! Tem algo que eu possa fazer para desabilitar o modo responsivo para celular e tablet??? Quero que o site abra nesses dispositivos do mesmo modo que aparece para desktop. Obrigada!

[@fabioferrari9298]

Como resolver quando o layout do desk funciona de forma diferente em diferentes telas? Minha visualização é diferente do meu cliente no notebook por exemplo, as fontes e elementos ficam maiores...

[@AnaMaria-yu7el]

Professor como colocar template do Anstrex no WordPress?

[@mariachico2916]

Parabéns pelos vídeos, por favor pode-me tirar uma dúvida? Quando coloquei na versão tablet, o meu menu sumiu e não consigo encontra-lo. O que faço?

[@marcosbittencourt7287]

Olá... Gostei do vídeo... Eu consigo alterar no seu site exemplo prá tablet colocando o texto no lugar da foto da moça e vice-versa sem alterar o desktop?

[@celioferrazbastosfilho9204]

Parabéns amigo aula muito bem explicada! Estou fazendo o site em wordpress + elementor + woocommerce saberia me indicar plug - in de segurança bom!

[@gleyciannegomesoficial]

Top vídeo parabéns e gratidão

[@matheuspalmeirense]

Amigo, poderia me tirar uma dúvida? Meu site no mobile altera os nomes das paginas do menu. Poderia me ajudar?

[@dougcaitano]

Meu amigo, como você conseguiu tirar a barrinha de navegação horizontal? Meu site mobile anda um pouco pra direita ou esquerda e gostaria de centralizar ele. Ele deve se movimentar apenas na vertical

[@wpdefinitivo]

*Ganhe até R$ 20,00 em créditos em uma hospedagem profissional!* wpdefinitivo.com/umbler

[@danielsan6758]

qual essa extensão que vc usa para ver nos dispositivo?

[@FafaIndica]

DUVIDA QUE TODOS VAO QUERER SABER: AMigo eu fiz uma pagina e nessa pagina eu quero colocar iconis ou nomes. G1 g2 g3. quando clicra no G1 abre outra pagina com conteudos. como faço isso? tem algum modo de selecionar o G1 e so clicra Linkar pra pagina tal? igual sa feitos nos programas adobe muse ou dreamweaver?

[@ToshishikoMizutani]

Fiz a atualização do PHP na Hostgator, passando para a versão 7.0; o que é preciso fazer para que o wordpress reconheça a atualização. É automático?

[@fjqxboomb]

Eu criei um site no Elementor e no mobile até que ficou bom mas não consegui encontrar o motivo de ficar espaço na lateral direita. No Chrome quando eu arrasto pra esquerda fica uma coluna de espaço....já fucei tudo e não encontrei aonde mexer.

[@wpdefinitivo]

Comecei a publicar as aulas para deixar o site responsivo. Talvez alguma das configurações te ajude. Nessa aula aqui trabalhamos exatamente com espaçamento: kzbin.info/www/bejne/qqiWeIior712adU

[@malacoi1721]

tu conseguiu ajeitar mano? Como que faz?

[@carlosdiego12]

Amigo muito bom os seus cursos, por gentileza teria algum com foco para questão de frete (Correios e Transportadoras) ?

[@gracielecosta3625]

Qual o nome dessa extensão que você usa pra ver em várias formas?

Na verdade não é extensão, é um padrão do plugin Elementor

[@diegosa8619]

Estou com dificuldade em relação a exibição de galeria de fotos para mobile. As fotos ficam alinhadas porém na consigo colocá-las uma ao lado da outra.

[@wpdefinitivo]

De que forma você está exibindo essa galeria? Padrão, plugin ou Elementor?

[@diegosa8619]

@@wpdefinitivo padrão pelo elementos. A galeria está com 15 foto e com 5 colunas.

[@diegosa8619]

@@wpdefinitivo Elementor.

[@h.olivei141]

Olá, como faço para deixar o site responsivo em todas as resoluções? nas opções de responsividade do elementor eu deixo todo padrão daí quando testo em diferentes resoluções pelo browser fica tudo uma bagunça.. se alguém ai já passou por isso e conseguiu resolver ajuda aí please sz

Eu estou com o mesmo problema em alguns trechos, conseguiu ver nesse meio tempo?

[@lucasmp83]

Parabéns pelo conteúdo! Estou com um problema que vem ocorrendo faz alguns dias. O site funciona normalmente no computador. Porém, ao abrir ele no celular as fontes e imagens ficam desconfiguradas, como se não estivesse selecionada a opção "Elementor Canvas". Logo que eu faço o site e abro no celular ele funciona, porém, depois de algum tempo ele fica "errado", apenas no celular.

[@AmandaBeatriz]

Olá Lucas, tudo bem? Estou com um problema similar ao teu. Gostaria de saber se conseguiu solucionar?

[@lucasmp83]

@@AmandaBeatriz Tudo bem e contigo? Consegui. Descobri que era um plugin que eu usava pra fazer aquele botão de WhatsApp que fica "flutuando". Fui desabilitando todos os plugins um a um até descobrir que era ele.

[@AmandaBeatriz]

Imaginei que fosse, porém tô usando um plugin para assinatura de membros e tô editando as páginas dele hahaha , aí fica complicado de desabilitar ele. No seu caso você desabilitou ele fez as edições, depois voltou a instalar?

[@lucasmp83]

@@AmandaBeatriz não me arrisquei a instalar de novo hahahahaha usei outro.

[@AmandaBeatriz]

@@lucasmp83 Boa !! Haha conseguiu finalizar teu site? Manda link aí, divulgue seu trabalho

[@omorcps]

Qual o nome dessa extensão do chrome?

[@arfamariam]

Olá, muito obrigada pelo tutorial.. Mas estou com um problema.. tô usando um template comum do elementor para o header do meu site, é um slider. não consigo de forma alguma deixá-lo responsivo.. tem alguma dica pra o uso desse tipo de preset?

[@fabianalarasantos5358]

Leandro como consigo deixar a imagem debaixo do header como nesse site que você mostra?

[@andersonnunes6632]

Boa noite, como tirar o efeito zoom do modo responsivo para celular? Porque ele fica como se estivesse o site pequeno, aí tem que dar zoom para ajustar a tela e ele fica mais pro lado esquerdo. Como faz pra corrigir isso?

[@joaooliveira306]

@@felipeoliveirasarmento Cara, estava com o mesmo problema. Basta você alinhar tudo certinho que esse problema acaba. Ao ajeitar no formato mobile, nada pode ultrapassar o limite da tela do celular, nem mesmo os retangulos azuis que contornam os elementos.

[@malacoi1721]

@@joaooliveira306 Alinhar como mano? pode explicar melhor?

[@kelartesgrowth]

Curso WordPress Definitivo mas eu não estou usando o menu do tema ... eu fiz do zero com elementor ai gostaria de saber como deixar ele responsivo.

[@luraph6377]

estou com um problema e nao consigo resolver... meu site n fica como deveria ficar no modo mobile, ele fica com letras pequenas e imagens pequenas

[@flavioaraujo2752]

como faço pra fazer funcionar o layout do tablet estou tentando modificar a largura da coluna mas nao altera o tamanho em numero nem um porem no modo desktop e mobile funciona perfeitamente obs estava funcionando o tablet mas nao sei se mexi em alguma configuraçao estou desesperando tentando arrumar isso ja faz 2 dias que nem durmo direito por favor me ajude muito obrigado

[@AmandaBeatriz]

Oi Flávio , tudo bem ? Conseguiu solucionar o problema?

[@palomabasili941]

Amigo me ajuda por favor? Tem uma seção minha que está no desktop, mas não está no Mobile, como faço para reverter isso. Sem querer tirei e não estou sabendo colocar novamente. Me ajuda aí

[@wpdefinitivo]

Você precisa configurar as opções de responsivo da seção que não aparece no mobile. Veja nessa vídeo: kzbin.info/www/bejne/nZmYhoWInt-sf6M

[@beatrizsantanarosa9761]

Olá, muito bom conteúdo. Estou usando a versão gratuita do elementor e enão consigo adicionar css. Tem algum outro jeito?

[@laionpessoal]

Boa tarde, meu amigo. Eu tive um probleminha. O meu site está todo arrumadinho para todos os dispositivos, porém quando utilizo um Smartphone de verdade para pesquisar a pagina, fica uma banda branca a esquerda sem arte. Como se a pagina fosse mais larga do que foi configurada. Ao invés de ter a opção de apenas rolar para baixo e para cima, existe a possibilidade de rolar para direita (onde não tem nada) Deu pra entender?

[@MatheusHenrique-sb5ie]

Olá, vc conseguiu resolver? estou com esse mesmo problema

[@laionpessoal]

@@MatheusHenrique-sb5ie Oi Matheus, já faz tempo, não lembro direito. Se não me engano a única solução foi duplicar o final do meu site e restringir apenas a PC. Desta forma, utilizei a parte duplicada destinada a Smartphone para ir fazendo testes. Tipo tirar as extensões na horizontal, formatação de texto, etc.. tudo que deixava meu site até as bordas.

[@pilatesemcasa3035]

O meu não aparece azul os dispositivos.. quando mecho no desktop muda tudo no mobile

[@fabioviana5473]

Enorme gratidão pelas suas dicas! Ganhou mais um inscrito! Olha, por favor, me ajuda, pois não sei o que está acontecendo. Eu estou desenvolvendo um site para um cliente, e eu não instalei nenhum plugin, apenas, fui desenvolvendo e fazendo os ajustes necessários para que seja responsivo no desktop, tablet e mobile. No entanto, o problema está no mobile, porque visualizando no modo mobile como administrador, está tudo correto, devidamente otimizado, do jeito desejado, as margens e etc. Mas, quando vou acessar o site pelo celular como usuário, que decepção, pois não atualiza do jeito que eu havia configurado, e em imagens que não aparece. Não sei o que está acontecendo. Ou seja, o site não está aparecendo como deveria pelo celular. Mas como administrador, na opção mobile, está tudo certo. Desde já agradeço a atenção.

[@AmandaBeatriz]

Olá Fábio, tudo bem ? Depois de um ano estou com o mesmíssimo problema Gostaria de saber se você conseguiu solucionar ?

[@wagnervsilva]

Fiz o menu no modo PC, como faço para que ele fique naquela "caixa de 3 traços" no modo celular?

[@alexander3785]

Estou fazendo igual o vídeo, mas não funciona dessa forma aqui pra mim, na verdade clico em mobile lá em baixo como ele explica e não tem essa função alinhamento então não teria como eu clicar pra fazer errado e mesmo assim continua alterando em todas as janelas, alguém pode me ajudar?

[@wpdefinitivo]

Esse vídeo é mais antigo. Estou publicando aulas atualizadas para deixar o site responsivo. Já temos duas aulas publicadas. Veja se te ajuda: kzbin.info/www/bejne/e6DcYXSwitqkqac

[@leojb7998]

Boa Noite, existe uma maneira de configurar paginas que não foram feitas com o Elementor ?

[@brunamello7127]

Fiz essas alterações pelo elementor e está aparecendo perfeito na visualização de edição. Tudo está salvo. Mas quando olho pelo meu celular não aparece como fiz a edição. O que pode ser?

[@AmandaBeatriz]

Oi Bruna, tudo bem? Tô com o mesmo problema viu Gostaria de saber se conseguiu solucionar ?

[@trajecttomarketingemidia]

Prezado Leandro Sou seu seguidor desde os primeiros videos, estou muito feliz por isso mas, estou tentando me cadastrar como membro, e não tem opção para pagamento através de boleto ou depósito bancário como era antes na sua plataforma. A opção parece que é somente pelo PayPal, e somente através de cartão de crédito, poderia me ajudar a me tornar membro mais uma vez? já que fui membro no passado.

[@brunoalmeida3260]

No meu caso está aparecendo diretamente uma opção (modo responsivo), ele não libera estas 3 opções, tem alguma configuração mostrando ou alterando isso?

[@caiocodeceira3026]

as 3 opções aparecem no topo da tela

[@lucaspires696]

Boa noite gente, estou com uma dúvida, estou fazendo uma página no Elementor, porém, quando eu coloco no modo responsivo para ver como fica no celular e tablet, ele fica aparecendo uma parte em branco do lado da página, como eu posso retirar essa parte?

[@nataliabatista5282]

Vc descobriu como tira? To surtando já tentando tirar kkkkk

[@RafaelSilva-rw1tl]

como deixar configurando no celular ? percebi que esta um embaixo do outro não esta alinhado

[@atalia-beatriz3596]

Pq que o meu nao tem essa opção ae de elementor não fica igual a vc

[@9977garcia]

Boa Tarde Mestre!!! qual o nome da extensão que o Sr usou no Chrome pfv, para visualizar em dispositivos distintos

[@Dracovanys]

O nome da extensão é Window Resizer (chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh)

[@mudadrag]

Se você forçar no celular, o meu fica um cantinho em branco... como eu tiro isso ?

[@emporiobebereborn1793]

To fazendo o meu site e no modo responsivo no celular esta indo uma barra em baixo e esta indo pro lado muito estranho como resolver, poderia me ajudar?

[@MatheusHenrique-sb5ie]

Olá, vc conseguiu resolver? estou com esse mesmo problema

[@raymorakatielly]

no tablet e no mobile, meu menu some, porque será?

[@guilhermesantiago5208]

eu apaguei a imagem no smartfone e sumiu no desktop

[@MRiago122]

ae irmao tira 1 duvida?

[@escolafavodemel5004]

Aula muito boa, parabéns. Só gostaria de perguntar uma coisa, por algum motivo quando eu coloco no modo mobile ele aparece uma barra lateral, como se tivesse alguma imagem muito grande, mas está tudo correto, vc saberia falar oq fazer? Olhei as margens de tudo e está tudo correto, não sei mais oq fazer para corrigir isso. Obs.: No modo desktop está tudo correto.

[@malacoi1721]

Conseguiu ajeitar isso mano? Como faz?

[@annycarvalho7781]

Conseguiram??

[@AmandaBeatriz]

Olá glr, resolveram?

[@isabellegoncalves8727]

Eu queria colocar um video de fundo igual o seu e a tela com 100% da largura mas o meu elementor é versao gratis n sei se é limitado por isso nao consigo

[@dariosabaini179]

Conseguiu corrigir isso?

[@davidoratoria]

Criei uma pagina de vendas, investi um puta dinheiro em tráfego e quando fui ver em cada celular e note ele abria de um jeito, cada tamanho de tela ele dava um bug. Estou traumatizado kkk

[@atos757]

acabei de ver seu post na comunidade sobral, tu falou que gastou R$100 po, não é um puta dinheiro não... Usa esse site na próxima: whatismyscreenresolution.net/ ;)

[@davidoratoria]

@@atos757 Esse site que eu precisava mano, salvou minha vida haha Valeu mesmo !!

[@mvmc1607]

Mas em nenhum momento disse o pq não pode clicar nos ícones de desktop, tablet e mobile

[@wpdefinitivo]

Não é para clicar se não vai acabar alterando as configurações dos outros dispositivos sem querer.

[@paulolima-fabricadecampeoe6911]

Disse em 7:50

[@vivicrismachado]

pra mim deu tudo errado

[@leograu655]

fiz exatamente igual e mudou meu desktop e tablet também, kkkkkk que era o que eu temia -.-

[@moreno7718]

Pois é. E o cara fala que a pessoa fez algo errado. kkkk. O elementor altera tudo.

[@wpdefinitivo]

Isso é algo que deve ser feito com bastante atenção. Um dos motivos para isso acontecer é quando a pessoa altera uma configuração que não é possível alterar somente em um dispositivo. Por exemplo: Você pode alterar o tamanho da fonte para cada dispositivo, mas se alterar a cor, vai alterar em todos.

[@byRaquelP]

@@wpdefinitivo Nesse caso como podemos resolver ?

[@armazenamentofelipe438]

aqui nao resolveu nada! altero no mobile desconfigura tudo no desktop ! ta osso usar essa po$$$!A

[@claudiaprado1239]

Desculpa a sinceridade mas no meu nao adiantou nada continua baguncando tudo tudo tudo

[@EdicaoForumimparcial]

NO MODO RESPONSÍVEL PARA CELULAR FICOU HORRÍVEL

[@leonardodiasmorissondeazev7041]

NÃO DÁ PARA APLICAR SUAS INSTRUÇÕES COM O ELEMENTOR GRATUITO, SOMENTE COM O PRO, POR ISSO AS PESSOAS RECLAMAM, E NO SEU VÍDEO VOCÊ NÃO FALA ISSO, SÓ IDENTIFICA A FONTE DO PROBLEMA QUEM UTILIZA O ELEMENTOR PRO

[@FafaIndica]

Amigo voce ainda trab com wordpress? to precisando aprender criar um site simples nao e nada demorado nao. mas quero alguem me ensinar criando eu mesmo criando ele e pagaroa por isso. tem interesse se tiver fala seu email

[@negociosincriveis3869]

Muito massa amigo parabéns ajudou bastante

[@leandercarvalho97]

Mano, não consigo deixar responsivo, quando clico e ajeito para celular, ele desfaz tudo que fiz na versão desktop, o que faço?