How to Adapt Website to Mobile with Elementor [Responsive Website]

Поделиться
HTML-код
  • Опубликовано: 18 янв 2025

Комментарии • 211

  • @henriquelima828
    @henriquelima828 3 года назад +4

    Meu Deus eu tava aqui batendo cabeça pra achar um jeito de mudar a coluna de lugar do Mobile sem mudar no desktop, vc é incrível me salvou !!!!!!!!!!!!!!!!!!!!!!!!

  • @herikasecundino
    @herikasecundino Год назад +3

    Pra variar seus conteúdos são perfeitos! Havia até pedido um help no insta e achei esse video agora! Gratidão

  • @hibridoomkt
    @hibridoomkt Год назад +2

    Eu decidi te seguir, pq todas as dúvidas que tenho, quando jogo no youtube, teus vídeos são praticamente os melhores para as soluções, meus parabéns pelo teu trabalho e por ajudar a gente aqui.

  • @alessandraperrout7516
    @alessandraperrout7516 9 месяцев назад +1

    Micaela do céu!! Me ajudando de novo😃. Agradeço imensamente por sua sinceridade e bondade de ensinar tudo certinho, se preocupando em passar informações corretas e honestas. Que Deus te retribua com muito sucesso, saúde, paz e alegria para vc e sua família. Um grande bj

  • @joaoaugusto312
    @joaoaugusto312 3 года назад +19

    Olá Micaela. Sua didática sem duvidas é a melhor de todas. Gosto muito de como vc ensina e aprendo muito aqui, vc é detalhista e ao mesmo tempo explica com clareza. Gostaria muito de ver uma aula sua de como criar um site com o conceito "Mobile First", criar um site a partir de sua versão mobile primeiro, deixando com cara de aplicativo. Pegamos o hábito de construir sites pensando em sua versão desktop primeiro e depois adaptamos ele para o mobile. E adaptações não ficam legais. Sabemos que hoje a grande maioria dos acessos a internet são feitos através de celulares. Então temos que ter nossa melhor versão no mobile. Já vi alguns vídeos sobre esse assunto e fiz algumas experiências e realmente o resultado fica bem melhor e com aspecto mais profissional ainda, sendo claramente um diferencial. Mas o pouco que vi ainda não foi muito explorado e tenho certeza que, uma aula sobre o assunto feita por você seria especial e com certeza ajudaria nós a subir a um novo degrau no desenvolvimento de sites. Parabéns pelo seu excelente trabalho, indico seu canal a todos que posso. Abs e sucesso.

  • @marcelaprado3915
    @marcelaprado3915 Год назад +3

    Montei o site inteiro da minha empresa graças a você, muito obrigada e muito sucesso sua linda.

  • @jackdicas5775
    @jackdicas5775 2 года назад +2

    Boa! Aprendi a reverter coluna, não sabia que existia isso! Fazia uma gambiarra antes!
    Obrigado!!

  • @davidmeneguette8463
    @davidmeneguette8463 Год назад +1

    Obrigado Micaela por seus vídeos, são muito explicativos, sempre que tenho uma dúvida recorro a seus vídeos. Aprendi a criar sites com suas aulas. e Já ganho dinheiro com eles rs... muito obrigadooooo

  • @Erick-kg3nw
    @Erick-kg3nw 2 года назад +2

    Isso não é uma aula, é uma 8 maravilha do mundo!!!!!!!! Obrigado!

  • @jenifferliradias1779
    @jenifferliradias1779 2 года назад +2

    Sério: você é a melhor prof de WP dessa redeee! te amo. Gratidão por toda partilha aqui amada!

  • @Effata666
    @Effata666 Год назад +1

    salvou a vida da empreendedora iniciante!! bjs!!

  • @felipetirafael
    @felipetirafael 2 года назад +1

    Salvou minha vida, muito obrigado... vou acompanhar seus conteúdos!

  • @portalhospitalar
    @portalhospitalar 11 месяцев назад +1

    Vc é maravilhosa ... Explica muito bem ajuda demais Jesus abençoe pra continuar

  • @flaviomeneses7963
    @flaviomeneses7963 2 года назад +1

    Mikaela, você é a melhor! Eu comprei um curso de Wordpress, mas aprendi muito mais com você aqui de graça. Deus abençoe

  • @harrisonmunguambe8164
    @harrisonmunguambe8164 11 месяцев назад +1

    Sempre ajudando. A melhor. A rainha. Obrigado.

  • @ofelipebrasileiro
    @ofelipebrasileiro 3 года назад +8

    Já tenho que uma playlist na minha conta do RUclips pra estudo de sites. O nome da playlist? DESCOMPLICANDO SITES! Só tem vídeo seu lá, teacher! Obrigaduuuu por tudo, parabéns demais pelo trabalho e sucesso sempre! 👏🏼👏🏼👏🏼🚀🚀🚀❤️

  • @Jessicaecintia
    @Jessicaecintia Год назад +1

    Consegui nos primeiros 8 minutos do vídeo , muito obrigada e que Deus abençoe a sua vida 🤎

  • @1ssphenix
    @1ssphenix Год назад +2

    Muito grato, querida Professora! A dica do "Full Width" foi magistral!🙂

  • @willianeliasoliveira
    @willianeliasoliveira 11 месяцев назад +1

    Muito bom, dificil um conteudo tão completo assim, obrigado.

  • @gabrielmeiguins6720
    @gabrielmeiguins6720 3 года назад +1

    essa menina é espetacular, é cada aula top

  • @batalha100suporte
    @batalha100suporte Год назад +3

    Só essa dica de reverter colunas já valeu o like e inscrição

  • @musculacao.diaria
    @musculacao.diaria 3 года назад +1

    Me ajuda demais seus vídeos já to quase duas semanas, fazendo e não desisti obrigado por seus videos

  • @AdielDiel-xy3ze
    @AdielDiel-xy3ze 11 месяцев назад +1

    Que deus te abençoe sempre nunca vim um conteúdo tão valioso feito o seu não achei nem pago

  • @briancarneiro
    @briancarneiro Год назад +1

    Aula perfeita, agradeço muito pela explicação, tirou a minha dúvida de dias e ficou perfeito o trabalho, parabéns!

  • @glaucofdbcom2500
    @glaucofdbcom2500 Год назад +1

    Esse de reverter colunas no mobile salvou a minha vida! kkkkkkkkkkk I love u!

  • @VICENTXMUSIC
    @VICENTXMUSIC 2 года назад

    kkk vc é monstra fia, tmj, a quanto tempo mexe com webdesign? elementor e wpp ? uns 10 anos?

  • @dheyno3403
    @dheyno3403 3 года назад +1

    Muito bem Micaela!!!! Ótimo vídeo.

  •  2 года назад +1

    Nossa estou iniciando agora os estudos em WordPress e com certeza vou voltar no seu canal, vc explica muito bem!! Mais uma inscrita ❤️

  • @julio3xneto
    @julio3xneto 2 года назад +2

    Aula excelente! Didática incrível! As dicas nas entrelinhas fazem muita diferença.
    Só faltou ter a opção de dar DOIS likes nesse vídeo.

  • @mauriciofreitas1244
    @mauriciofreitas1244 2 года назад +1

    Parabéns suas aulas são show. Aprendo muito com os seus vídeos

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

    CONTEÚDO NOTA 10 ! PARABÉNS

  • @johnysales9443
    @johnysales9443 2 года назад +1

    Cê não é Jesus, mas ta sempre salvando
    Gratidão Micks, cê é top +

  • @institutoivascursosonline
    @institutoivascursosonline 2 года назад +1

    muito show micaela!!! suas aulas são d++++

  • @LinkCWB
    @LinkCWB Год назад +1

    Mulher linda e inteligente é outro nivel!

  • @odairjunior1512
    @odairjunior1512 3 года назад +1

    A melhor expert no assunto s2

  • @analiacarneiro2710
    @analiacarneiro2710 2 года назад +1

    Maravilhosa!!!! Salvou minha vida!

  • @baraosigooperando
    @baraosigooperando 2 года назад +2

    Suas aulas são de uma objetividade, delicadeza e profundidade únicas ! Você a melhor ! Obrigado mesmo por me ensinar tanto !

  • @gabrielkendy4518
    @gabrielkendy4518 2 года назад +1

    Adoro seus videos!!

  • @Choquedegestao
    @Choquedegestao 2 года назад +1

    Micaela, muito obrigado. foi TOP!

  • @BrasilEVerde
    @BrasilEVerde 3 года назад +1

    Mais uma super aula desta menina top

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

    Gratidão por esse vídeo 👏🏼👏🏼👏🏼

  • @SuporteCorpodoVerao
    @SuporteCorpodoVerao Год назад +1

    Top de mais! Explica muito bem!!

  • @eusoujeffersonnn
    @eusoujeffersonnn 3 года назад +1

    Estou apaixonado 😍

  • @beatrizalmeida6882
    @beatrizalmeida6882 3 года назад +1

    Melhor conteúdo q já vi.

  • @SergioMeota
    @SergioMeota 2 года назад +1

    Parabéns pelo conteúdo. Se garante demais, seus vídeos estão me ajudando muito

  • @FernandoMansur10
    @FernandoMansur10 3 года назад +1

    Muito bom, melhorou ainda mais o meu conhecimento !!!

  • @giovanacristina370
    @giovanacristina370 Год назад +1

    Eh Garota Obrigada.. Foi uma mão inteira na roda

  • @jeffersonaraujo_
    @jeffersonaraujo_ 3 года назад +1

    Show! resolveu meu problema aqui!

  • @unabelleesteticaavancada480
    @unabelleesteticaavancada480 10 месяцев назад +1

    Salvou meu dia.

  • @lucas52811
    @lucas52811 2 года назад +1

    ME ajudou demais, pqp muito obrigado

  • @lorrandel
    @lorrandel 3 года назад +1

    Excelente conteúdo, Parabens, me ajudou muito.

  • @leonardogabriel7250
    @leonardogabriel7250 2 года назад +1

    ótimo video , ajudou muito .

  • @rosannadepaulamakeup2196
    @rosannadepaulamakeup2196 3 года назад +6

    Top! O meu no mobile fica um espaço em branco quando arrasta para direita. Imagino que seja do tema antigo que tinha uma barra lateral na vertical. Eu apaguei os conteúdos dela mas parece que ficou uma limitação demarcada na largura

  • @felixramao9206
    @felixramao9206 3 года назад +1

    Grato. Ajudou bastante.

  • @leonardoneto7396
    @leonardoneto7396 3 года назад +1

    MEU 👍👍.... TOP!!!!

  • @leticiadeandrade1008
    @leticiadeandrade1008 3 года назад +1

    Você é maravilhosa mulheeeeeeer

  • @iamfulber
    @iamfulber Год назад +1

    simplesmente fantastico

  • @curiosidadeedicas2652
    @curiosidadeedicas2652 3 года назад +1

    Mais uma aula top, estou procurando aqui no canal e no youtube e não encontrei precisava de um video explicando como habilitar um botão só após a pessoa ver o contrato, igual estes que tem em sites que só depois que você começa a ler os termos do contrato que o botão se habilita conseguiram entender, Micaela ou alguém me ajude me mande o link de algum vídeo que ensine a fazer estou perdido aqui e não conseguir fazer. Obrigado a todos.

  • @NeisyQuintana
    @NeisyQuintana 3 года назад +1

    Eres excelente. Gracias por compartir

  • @rogerteofilo
    @rogerteofilo 3 года назад +1

    Aula muito top, parabéns com a incrível didática!
    Ansioso para quando for gravar sobre conversão quando possui mais de uma variável, como botão para whatsapp, ligação e form.

  • @beatrizalmeida6882
    @beatrizalmeida6882 3 года назад +1

    Já tô aq hahaha n perco mais nenhum vídeo seu

  • @arianesilva895
    @arianesilva895 3 года назад +1

    Tava precisando!

  • @ImportarCorretamente
    @ImportarCorretamente 3 года назад +1

    Fala pessoal, tudo bem? Aqui é a Micaela do Descomplicando Sites 😀

  • @thiagobteixeira
    @thiagobteixeira 2 года назад +1

    Top demais!

  • @tianesousa
    @tianesousa 2 года назад +1

    obrigada

  • @vendasonline9012
    @vendasonline9012 2 года назад

    Oii Micaela, seus videos são tops!!! Me tira uma duvida, no meu elementor não aparece os icones de telefone la em cima como arrumar?

  • @alexsilva-oficial
    @alexsilva-oficial Год назад +1

    Muito bom, poderia me ajudar, estou atualizando um site, inclui umas imagens mas na versão mobile fica cinza, não consigo mexer nelas, e tb não aparece na página mobile, se puder me dizer o que pode ser, ficarei muito grato, obrigado um Abraço.😅

  • @andre333
    @andre333 Год назад +1

    Micaela, vc sabe se existe a opção, no elementro pro, de configurar um video de background para desktop e outro para mobile? quando coloco no mobile, o video do background fica gigante e perde toda a mensagem que ele tem que passar. Obrigado

  • @PsiGeorgeLima
    @PsiGeorgeLima 3 года назад +1

    Olá, parabéns pelo vídeo! Estou com uma certa demanda e preciso de uma dica. Quero um sistema de filiados da nossa Convenção no Wordpress. Qual plugin me sugere, que não permita cadastro duplicado? Desde já, minha gratidão!

  • @juantanajura
    @juantanajura Год назад +1

    você é top!

  • @marloncosta8479
    @marloncosta8479 Год назад +1

    pra quem usa dropbox flexbox etc do elementor, é só colocar no responsivo e inverter a ordem da coluna dentro do layout dela :)

  • @gardeniasantanawebdesigner8272
    @gardeniasantanawebdesigner8272 3 года назад +1

    VÍDEO MUITO BOM

  • @PsMarquesdaSilva
    @PsMarquesdaSilva 2 года назад +1

    Ola, Parabéns! Seu trabalho é de uma qualidade espetacular. Estou com um problema com meus formulários de cadastramento e login. ambos ficam terríveis no celular, quando vira a tela eles ficam bom. Teria como obrigar estas paginas aparecerem sempre deitado?

  • @rubensmartins9711
    @rubensmartins9711 3 года назад +7

    O únIco detalhe sobre duplicar as seções para desktop e outra para responsivo, é que o sistema mostra perfeitamente as seções em cada ambiente, porém ele carrega toda estrutura, com isso ele soma as imagens, mesmo não aparecendo.....para otimização é péssimo..

  • @samuelmendes6680
    @samuelmendes6680 3 года назад +1

    Esta de parabens pela aula, porem estou tendo muita dificuldade com o mobile do meu site porque por mais q fique aparentemente bem configurado qunado eu realmente abro a pagina no meu celular fica sobrando espaço vago como se o meu site ocupasse só uma parte da tela, estou bem perdido kkkkk, se vc puder me dar uma ajuda eu agradeço mt.

  • @criandovideosanimados4692
    @criandovideosanimados4692 3 года назад +1

    Ola td bem ! Estou tentando criar um site , escolho o tema e depois faço todas as configurações , elemntor canvas ocultar o titulo e depois começo a editar com o Elementor , só que depois que faço td e salvo, aparece só o tema que instalei , nao sei o que esta acontecendo se é atualizaçao do wordpress. Mas vc pode ajudar fazendo um video resolvendo isso ou me informar aqui.
    Obgd otimo canal .

  • @traderclemente3444
    @traderclemente3444 3 года назад +1

    ola tudo bem, poderia indicar videos para completar meu site com meus produtos (videos ead) para serem vendido (passo a passo de tudo)

  • @joaofernandes1295
    @joaofernandes1295 2 года назад +1

    Excelente

  • @Ingridferreirac
    @Ingridferreirac 2 года назад +1

    Oi Mikaela tudo bem ? Então lá no Elementor aparece tudo ok no modo responsivo.Mais quendo eu entro no meu celular não aparece a imagem grande aquela primeira do site .Fica em branco

  • @filhosnaviagem7038
    @filhosnaviagem7038 2 года назад +1

    Olá!
    Muito obrigado por tanto conteúdo!
    Tem algum vídeo explicando como fazer a mesma coisa com as imagens de conteúdo? Por exemplo escrevo o artigo e coloco uma foto por exemplo 750x750 quando visualizo no móbile o post fica totalmente desconfigurado.
    Aí tenho que colocar as imagens sempre 350x350 mas meu blog é de viagens e as imagens são muito importantes 😬
    Obrigado desde já!

  • @gabrielevans8980
    @gabrielevans8980 3 года назад +1

    ola amiga, sempre quando eu faço uma edição no modo mobile(celular) o modo desktop tambem muda junto .Como faz para não mudar junto???

  • @clovisfernandesdepaduaofic6792
    @clovisfernandesdepaduaofic6792 3 года назад +2

    oii tem como vc ensinar criar um site com varias categoria pfv tipo aquela loja de moda so que quando clica em uma categoria altera imagem menu categoria esquerdo ajudaria muito.

  • @JogaBoy
    @JogaBoy 9 месяцев назад +2

    Onde está essa opção no dia de hoje? Não consigo achar a características...

  • @yasminecardoso466
    @yasminecardoso466 3 года назад +1

    Oieeee!!! Eu acho que o meu ta com alguma configuração errada pra celular 😫😫😫
    Quando entro no site pelo celular aparentemente ta tudo ok, mas se eu diminuir o zoom aparece todo o resto do site como se tivesse mal editado... Não sei o q faço. Será que tem como retirar essa opção de zoom?

  • @goldbull5881
    @goldbull5881 3 года назад +1

    Como colocar um sistema de pontos para as compras dos clientes? De preferencia gratuita?desde ja agradeco

  • @joaovitordiorio493
    @joaovitordiorio493 2 года назад +1

    Oi Micaela, obrigado pelo seu canal, aprendo muito com ele! Tenho uma dúvida, qual são as dimensões para mobile? Sei que a largura é de 1080, mas como faço tudo antes no photoshop queria saber a área ideal pra que todas as informações pudessem ficar claras

  • @eduardodale
    @eduardodale 2 года назад +1

    Seu conteúdo é ótimo sempre!
    Uma pergunta: Para fins de deixar o site com um carregamento mais rápido, "montar o banner" direto no Elementor para cada dispositivo não seria uma melhor opção do que enviar uma arte para cada resolução de tela?

  • @pensandoforadacaixa2164
    @pensandoforadacaixa2164 2 года назад

    Oi, Micaela. tubo bem? Pode me ajudar? Como colocar a moldura do celular ou a moldura do tablet no responsivo? Na minha versão e na sua versão no vídeo no responsivo do celular e do tablet não tem as molduras.

  • @lorddrumond3937
    @lorddrumond3937 Год назад

    Tem como colocar tipo, no bobile a lista de posts como um scroll lateral, tipo um sliner, onde precisa arastar pro lado para ver o próximo post?

  • @henriquearaujoguitar
    @henriquearaujoguitar Год назад

    Micaela, você sabe dizer se tem relevância para o tablet? Porque quando eu arrumo no computador fica todo bagunçado no tablet

  • @LucianoSilva-dv7fk
    @LucianoSilva-dv7fk 3 года назад +2

    Minha pergunta não tem haver com o vídeo mas preciso de ajuda, estou criando meu primeiro site com wordprees, quando vou fazer modificações no elementor meu cabeçalho com logo e menu não aparecem, mas o rodapé sim, alguém poderia me ajudar com esse problema?

  • @analiacarneiro2710
    @analiacarneiro2710 2 года назад +1

    Micaela me dá um help! rsrs
    Não sei se vc já passou por essa situação, mas quando vou fazer a mudanças no modo responsivo meu elementor está alterando a versão desktop tbm.
    Por exemplo, faço o upload de um banner para versão desktop e salvo. Depois, quando mudo para a versão mobile e vou fazer o upload da versão do banner mobile, ele substitui o anterior e fica o banner "menor" tanto na versão desktop, quanto na mobile.
    O mesmo acontece com a mudança no tamanho de algumas colunas e widgets.
    Vc sabe se é necessária alguma pré configuração no pluggin para essa edição correta no modo responsivo? Pode ser um pau com o navegador (Chrome)? Ou ele tá dando bug mesmo?
    Desde já agradeço,
    Abração

    • @dropgermine
      @dropgermine Год назад

      O meu também... como corrigir isso?

  • @andre.lourenco.123
    @andre.lourenco.123 3 года назад +1

    Aula excelente, mas sou iniciante e só tenho o Elementor Free... Acho que o Elementor Free não tem a opção de alterar os botões um por um, mas apenas a página inteira... Estou certo?

  • @isam9666
    @isam9666 3 года назад +1

    Excelente vídeo ! Me ajudou demais, como sempre ! Fiquei com uma dúvida.
    Eu fiz o passo a passo igual você ensinou nesse vídeo e agora o meu site está perfeito pelo celular.
    Eu faço vendas de produtos de terceiros no meu site. Quando clico no link pra comprar algo no meu site através do computador, da tudo certo ! Funciona direitinho !
    Porém quando eu clico no link pra comprar algo no meu site pelo celular. Aparece na tela um erro assim “ Não tem permissões para pré-visualizar rascunhos”
    Você sabe me explicar o que preciso fazer por favor? Desde já agradeço !

  • @reidossinaisfortune
    @reidossinaisfortune 3 года назад +6

    Você pode me tirar uma duvida? ( No Mobile o tamanho do texto e posicionar ele ficou legal) Porem quando volto para o desktop o texto ficou muito pequeno. Quais alternativas tenho para fazer que a cada tipo de tela, o tamanho de texto seja o qual desejo?

    • @stomperhk9107
      @stomperhk9107 Год назад

      Basta ir mudando o tamanho do texto em cada tamanho de tela do elementor.

  • @159123dani
    @159123dani 2 года назад +4

    Mesmo tendo o banner para mobile e desktop um está ficando no outro

    • @palmole9024
      @palmole9024 2 года назад +2

      Eu também estou tendo esse problema, mas ela não responde comentário, nao responde no Instagram, parece que só pega um conteúdo pronto e não sabe o que está fazendo, e quem discordar está errado!

    • @techinforhelp
      @techinforhelp 2 года назад

      @@palmole9024 concordo

  • @historiadabibliamarcante
    @historiadabibliamarcante Год назад

    Micaela, consegue me tirar uma duvida? Quando alguém de fora entra no site pelo mobile, ele aparece como se tivesse editavel. Sabe dizer oq pode ser?

  • @monikehevellin9651
    @monikehevellin9651 Год назад

    Olá Micaela, Primeiro gostaria de agradecer por compartilhar seus conhecimentos aqui!
    Eu tentei fazer esse lance do banner para desktop e outro pra mobile. Mas mesmo incluindo o espaçamento dentro ele não regula (ajusta) o tamanho da imagem de fundo. Minha dúvida é como vc faz a configuração do banner do zero? Pq estou add um bloco em branco e depois colocando um espaçamento dentro e fazendo o upload da imagem clicando nos 6 pontinhos >> Style >> background. é esse o seu caminho tbm?
    Obrigada desde já por toda ajuda!

  • @llucasdsgn
    @llucasdsgn 2 года назад +1

    Quando coloco no navegador do celular a opção chamada "Desktop Site", para a página ficar igual no pc, fica tudo bugado com os elementos que eram pra aparecee só no mobile e outros só no pc.
    Mas ambos aparecem juntos por o navegador do celular estar "simulando" um desktop.
    Alguém sabe como resolve isso?

  • @ari171185
    @ari171185 3 года назад +1

    Oi! Obrigada pelos vídeos!!! Inclui um banner para mobile mas preciso ajustar o espaçamento dele pra ficar maior, no entanto, não consigo clicar nesse botão com 6 bolinhas, ele aparece mas quando vou até ele, ele some. Tem alguma outra forma de eu ajustar o espaçamento? Muito obrigada