Pergunta sobre WordPress Hamilton: logotipo móvel personalizado

Um usuário perguntou ?

O logotipo fica ótimo em um desktop. Mas em dispositivos móveis, o logotipo é muito grande e tem muito texto. É por isso que quero ter um logotipo personalizado em um celular. Apenas a lata. Isso pode ser feito com CSS adicional?

Desde já, obrigado!

(@martineller)

2 anos, 9 meses atrás

Oi, tente este código (digite Aparência / Personalizar / CSS Adicional):

@media ( max-width: 400px ) {
.site-header .custom-logo {
	background-size: contain;
	max-height: 50px;		
}}

O valor determina o tamanho do logotipo 50px, o valor do dispositivo móvel 400px. Em Hamilton, os tamanhos padrão ainda são: (400px), 620px, 750px, 800px, 1000px, 1380px. O tamanho do logotipo pode ser atribuído a cada um desses tamanhos.

Esta resposta foi modificada 2 anos, 9 meses atrás por. lançador de tópicos

(@paintpaul)

2 anos, 9 meses atrás

muito obrigado @martineller!

o código funciona, mas eu preciso de uma imagem diferente em um telefone celular. Como faço para traduzir o logotipo regular com o logotipo personalizado no celular?

(@martineller)

2 anos, 9 meses atrás

Acredito que o logotipo é parte integrante do WordPress e, portanto, não pode ser alterado facilmente para vários dispositivos (não com comandos CSS simples em Hamilton). Você pode conseguir um plugin para esse recurso.

lançador de tópicos

(@paintpaul)

2 anos, 9 meses atrás

Entendo. obrigado de todas as maneiras! ? Acho que uso seu botão de código para melhorar a aparência de um celular, enquanto procuro um plugin adequado. Obrigado novamente

(@beatrizlanchas)

2 anos, 8 meses atrás

Obrigado @martineller! Eu também tentei isso e seu código funciona perfeitamente para mim.

(@beatrizlanchas)

2 anos, 8 meses atrás

Enquanto o código está funcionando, está causando problemas na tela do menu. Pelo menos no iPhone. O primeiro item de menu é exibido abaixo da imagem do logotipo se eu usar o seguinte código no código CSS adicional:

@media (max-width: 400px) {.site-header .custom-logo {background-size: conter; altura máxima: 100px; }}

(@martineller)

2 anos, 8 meses atrás

Olá, realmente parece haver um problema. No Samsung Galaxy, o logotipo tem a primeira meia linha oculta após a primeira inicialização. Depois disso, após chamar a segunda página e reabrir o menu, ela será exibida corretamente. (Este problema não pode ser simulado com o método de teste do Firefox [Ctrl + Shift + M]: Diferentes formatos de iPhone são exibidos corretamente no teste.) Acho que é devido a diferentes interpretações do código Java em diferentes navegadores/dispositivos.

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 *