Pergunta sobre Lana WordPress Blog: CSS para alterar o logotipo personalizado

Um usuário perguntou ?

Eu queria saber se existe algum tipo de código CSS que eu possa inserir que possa alterar automaticamente meu logotipo dependendo da intenção do usuário. Quando em um celular ou tablet meu logotipo é muito grande, mas na maioria das resoluções de desktop está bom. Agradecemos qualquer contribuição! Obrigado!

Autor do tópico

(@lanacodes)

3 anos, 4 meses atrás

.header .custom-logo {
   display: block;
   max-width: 100%;
   height: auto;
}

Este código CSS ajuda com a capacidade de resposta da imagem.

Espero poder ajudar. Se você tiver alguma dúvida, por favor me avise.

lançador de tópicos

(@mayhemkrew)

3 anos, 4 meses atrás

Muito obrigado! Funcionou perfeitamente! Você sugeriu as dimensões do logotipo para usar?

Esta resposta foi modificada 3 anos, 4 meses atrás por. Autor do tópico

(@lanacodes)

3 anos, 4 meses atrás

Isso depende completamente do seu logotipo.

A largura recomendada é de 300 a 500 pixels (apenas um máximo de 1140 pixels). A altura recomendada é 150-200px.

lançador de tópicos

(@mayhemkrew)

3 anos, 4 meses atrás

Acho que a razão pela qual estou perguntando é que meu logotipo atual é 1000 × 200, mas ainda na minha área de trabalho ele não cruza os artigos de notícias “em caixa”. No entanto, fica ótimo em um celular/tablet.

Agradeço toda a ajuda até agora. Obrigado.

Autor do tópico

(@lanacodes)

3 anos, 4 meses atrás

Ah, sim, porque tem um Cabeçalho> Posição do título do site> “Esquerda” em Personalizar.

Mude para “Médio”, pois neste caso o contêiner do logotipo tem largura total. Defina para “Esquerda” apenas 50% de largura.

lançador de tópicos

(@mayhemkrew)

3 anos, 4 meses atrás

Perfeito! Eu entendi agora. Obrigado novamente! Também adoro o tema!

Autor do tópico

(@lanacodes)

3 anos, 4 meses atrás

Fiquei feliz em ajudar. Desejo muito sucesso em seu site.

Se você avaliar meu tópico, você vai me ajudar muito. ?

Isto foi útil?

0 / 0

Deixe uma resposta 0

O seu endereço de email não será publicado. Campos obrigatórios são marcados *