Pregunta sobre Twenty Seventeen de Wordpress:

El tamaño del logotipo en un dispositivo móvil.

Un usuario preguntó 👇

Hola,

Obtuve información sobre cómo centralizar el logo y aumentar el tamaño. Sin embargo, el tamaño del logotipo en el dispositivo móvil no aumenta.

Intenté esto basándome en algunos de los otros hilos relacionados, no directamente en este tema, pero sin ningún efecto:

@media pantalla y (ancho máximo: 1920px) {.custom-logo-link img, body.home.title-tagline-hidden.has-header-image .custom-logo-link img, body.home.title-tagline -hidden.has-header-video .custom-logo-link img {ancho máximo: 100%; altura máxima: 100%; }}

¿Podrías ayudarme por favor?

Se ve bien en un escritorio.

gracias

(@anevins)

Donante de WCLDN 2018 Apoyo voluntario

Hace 2 años, 11 meses

@ nbuu07, no eres el mismo, cada tema es diferente y una solución dada aquí no te ayudará. Este no es un foro general, es un foro para el tema Twenty Seventeen.

Miré su tema y no lo apoyamos porque no se distribuye en WordPress.org, pero si desea intentar obtener asistencia, le recomiendo que lo haga en el foro general de resolución de problemas: https: // wordpress. org / support / forum / how-to-and-probhooting / # new-post

(@anevins)

Donante de WCLDN 2018 Apoyo voluntario

Hace 2 años, 11 meses

Intenté esto basándome en algunos de los otros hilos relacionados, no directamente en este tema, pero sin ningún efecto:

Porque tienes este CSS personalizado:


.custom-logo-link img, body.home.title-tagline-hidden.has-header-image .custom-logo-link img, body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
    max-width: 30%;
    max-height: 20%;
}

(@anevins)

Donante de WCLDN 2018 Apoyo voluntario

Hace 2 años, 11 meses

Si no desea que el CSS se centre solo en la versión de escritorio, puede usar ‘consultas de medios’ para este propósito:


@media screen and (min-width: 768px) {

.custom-logo-link img, body.home.title-tagline-hidden.has-header-image .custom-logo-link img, body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
    max-width: 30%;
    max-height: 20%;
}

}

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *