(48) 99997-9868 carcasa@carcasa.com.br

Como exibir um logotipo diferente no celular

nov 22, 2020 | DIVI

Exibir um logotipo diferente em dispositivos móveis no Divi pode ser feito em duas etapas fáceis.

  1.  Faça upload da imagem do logotipo do celular em sua biblioteca de mídia. Em seguida, clique no link Editar para editar a imagem.

Isso abrirá a página Editar mídia . Realce o URL do arquivo. Você pode fazer isso clicando duas vezes nele ou pressionando Command + A (para Mac) ou Ctrl + A (para Windows). 

Agora clique com o botão direito no url destacado e copie-o.

2. Vá para Divi> Opções de tema> caixa CSS personalizada e adicione o seguinte código nela,

@media only screen and (max-width: 981px) {
  #logo {
    content: url("http://yourwebsite.com/mobile_logo.png");
  }
}

Nesse código, substitua a parte do URL do código pelo URL da imagem real do logotipo do celular em seu site. Então, selecione esta parte, clique com o botão direito e cole a url do logotipo que você copiou na primeira etapa.

É isso aí. Agora, clique em Salvar para salvar as alterações e verifique seu site no celular para confirmar se o logotipo do celular é carregado nele.

Loading