Como exibir um logotipo diferente no celular
Exibir um logotipo diferente em dispositivos móveis no Divi pode ser feito em duas etapas fáceis.
- 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.