Pregunta sobre Shoreditch de Wordpress:

Reducir la altura del encabezado y pie de página

Un usuario preguntó 👇

Hola a todos,

¿Hay alguna forma de reducir la altura del encabezado y pie de página? Estaba jugando con style.css, pero no lo hice. Necesitaría las alturas lo menos posible. ¿Alguien puede ayudar?

Gracias por tus sugerencias.

(@lizkarkoski)

Hace 2 años, 2 meses

Hola –

Por lo general, esto se puede hacer con cambios de CSS. ¿Le importaría compartir la URL de su sitio conmigo aquí para que pueda verlo más de cerca?

Lanzador de hilos

(@arbois)

Hace 2 años, 2 meses

Hola La escena aún no está allí, tengo un servidor WAMP local. ¿Que haremos? ¿Puedo enviarte un correo electrónico con la página de inicio?

Lanzador de hilos

(@arbois)

Hace 2 años, 2 meses

@lizkarkoski ¿Podría darnos su opinión?

(@lizkarkoski)

Hace 2 años, 2 meses

¿Sería útil compartir un ejemplo de lo que la SEC puede hacer sobre este tema? Es difícil saber con certeza que también funcionará en su sitio y no mirarlo directamente.

Lanzador de hilos

(@arbois)

Hace 2 años, 2 meses

Sí, agradezco su recomendación de CSS y entiendo que necesita ver el sitio. Quiero darte la URL, pero no puedo, porque estoy en el primer paso para desconectar el sitio, todavía no hay una URL. Así que sugerí enviarte la página de inicio (html, captura de pantalla,…).

(@fstat)

Hace 2 años, 2 meses

Hola,

El siguiente código CSS debería funcionar:

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

/* Decrease Header Height */
.sticky-header .site-content {
    padding-top: 55px !important;
}
.site-branding,
.main-navigation {
    margin-top: 0.5em;
}

.site-header {
    padding-bottom: 0.5em;
}

/* Decrease Footer Height */
.site-footer {
    padding-bottom: 0.5em;
    padding-top: 0.5em;
}

}

Ajuste los valores a su gusto y avíseme si necesita más ayuda con eso.

Lanzador de hilos

(@arbois)

Hace 2 años, 2 meses

Afortunadamente, el encabezado y el pie de página ahora tienen la altura correcta, exactamente lo que quería. Sin embargo, necesitaré más ayuda. 1. Encabezado: al desplazarse hacia arriba (el texto se mueve hacia arriba), o al hacer clic en el menú de navegación, el encabezado se expande hacia abajo (aproximadamente 5 mm). ¿Existe algún truco para evitar que el cabezal se expanda, para mantener la altura constante? 2. Pie de página: ¿Se puede hacer la altura del pie de página incluso si la página está vacía?

(@fstat)

Hace 2 años, 2 meses

1. Encabezado: al desplazarse hacia arriba (el texto se mueve hacia arriba), o al hacer clic en el menú de navegación, el encabezado se expande hacia abajo (aproximadamente 5 mm). ¿Existe algún truco para evitar que el cabezal se expanda, para mantener la altura constante?

Este comportamiento está entrelazado con el tema y no se puede ajustar con CSS.

2. Pie de página: ¿Se puede hacer la altura del pie de página incluso si la página está vacía?

Para hacer esto, deberá ajustar el ancho del área de contenido principal de su sitio. Hacerlo afectará a las páginas que tienen contenido y las forzará o las cortará.

Lanzador de hilos

(@arbois)

Hace 2 años, 2 meses

Gracias por todo el apoyo.

(@fstat)

Hace 2 años, 2 meses

De nada 🙂

Lanzador de hilos

(@arbois)

Hace 2 años, 2 meses

@fstat Regresé al contenido del encabezado, espero que no te importe 🙂 Cuando haces clic en el menú, el encabezado sigue expandiéndose la mayor parte del tiempo, pero a veces no. ¿Se puede hacer esto de manera consistente, expandiéndose constantemente o sin expandirse en absoluto?

(@fstat)

Hace 2 años, 2 meses

Ejecuté una prueba en uno de mis sitios de demostración y no pude replicarla. Solo usé el código CSS que te proporcioné. ¿Puede enviarme una foto o incluso una captura de pantalla (video corto) de lo que está describiendo para que pueda evaluarlo mejor?

Para capturas de pantalla, puede utilizar https://snag.gy/ y para retransmisiones en pantalla http://recordit.co/

Lanzador de hilos

(@arbois)

Hace 2 años, 2 meses

El video:
https://drive.google.com/file/d/13InfRr2vUC9_p_B3f-FfNOpZN2a96nQI/view?usp=sharing

Probé el sitio solo con su CSS y, aparte de agregar todo mi CSS personalizado que estoy usando al tema, no hubo diferencia en el comportamiento del encabezado.

(@lizkarkoski)

Hace 2 años, 2 meses

Raro. Así que tienes algo diferente al nuestro y probablemente sea perturbador. Necesitamos tratar de averiguar qué está causando el problema.

– ¿Tiene alguna extensión de navegador habilitada? – tipo y versión de navegador? has probado uno diferente? – borrar la caché del sitio y el navegador (esto puede mantener los códigos desactualizados)

Lanzador de hilos

(@arbois)

Hace 2 años, 2 meses

Sí, probé diferentes navegadores, todos sin extensiones, el encabezado seguía expandiéndose erróneamente en todos ellos. Sin cambios después de borrar el caché en los navegadores. Después de borrar la memoria caché del sitio, el encabezado dejó de expandirse en Firefox, aunque por un tiempo, luego lo hizo nuevamente.

Video (todos los navegadores):
https://drive.google.com/file/d/1tChq8M8ExRIpszYf0yJmRdWjvkpRkJfn/view?usp=sharing

Versiones de navegador probadas, Win10: Chrome 70.0.3538.110 Firefox Quantum 63.0.3 Edge 42.17134.1.0, HTML 17.17134 Opera 57.0.3098.76

¿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 *