Reducir el tamaño y fijar la cabecera en el tema Pandora

Hola

A que te refieres exactamente con estrecha?, que es lo que quiere reducir?, envía una captura de pantalla.

Será mejor que habilites tu sitio web para ver el código HTML que se genera, actualmente esta en mantenimiento.

Saludos.

Hola,
Nos referimos a la cabecera que nos gustaría que la parte gris fuera más estrecha de altura, que no ocupara tanta imagen. Tambien nos gustaría que quedara fija siempre en la parte superior.

Gracias

Hola Ruth, Buenos Días.

El primer paso es crear tu archivo custom para realizar las modificaciones y que no se pierdan cuando actualices.

Te dejo enlace al blog con un articulo en la que podrás ver paso a paso cómo hacerlo. Hemos intentado explicarlo de forma clara, pero si tienes alguna duda en alguno de los pasos háznoslo saber y te ayudaremos rápidamente.

Agregar archivo CSS personalizado para plantillas Gantry

Una vez realizado esto añade el siguiente codigo al archivo que creaste:

#rt-header {
    padding: 0px;
}

También nos gustaría que quedara fija siempre en la parte superior.
Puedes utilizar el plugin myStickymenu para dejar el menú fijo.

Un saludo

Hola,

Gracias, hemos visto que se ha reducido la cabecera, pero ¿se podría reducir un poco más de la parte superior?
Tambien si ponemos el top, ¿como podemos hacer que la barra sea de punta a punta de la pantalla?

Hola

Tendrías que habilitar tu sitio temporalmente para ver el código HTML y CSS generado

Saludos.

Hola,

Ya está habilitado.
Gracias

Hola Ruth, Buenos Días.

Veo que añadiste una barra con contacto, cita previa, etc..., esto esta dentro de la misma posicion del menú ' Nav '.

Podemos internar reducirlo un poco pero con esa barra nos impide reducirlo mucho más ya que se perdería.

Añade lo siguiente a tu archivo custom:

#text-10508 {
    margin-top: 50px;
}

#rt-showcase {
    margin-top: -50px;
}

Un saludo

Hemos puesto estos comandos dentro del archivo custom y no vemos cambios. ¿Hay alguna otra manera? Al poner la cabecera fija en la página de inicio, al bajar sale transparente, sin fondo, y en las otras páginas tiene fondo, ¿cómo lo podemos corregir?
gracias

Hola

Antes de seguir haciendo modificaciones CSS te sugiero que te asegures que tu sitio sigue funcionando correctamente. Actualmente al comprobar tu sitio en mobil veo que el menú responsive no funciona.

Verifica primero esto antes de seguir haciendo cambios.

Saludos.

Hola,

Cuando accedemos a la página desde una tablet o pantalla pequeña nos aparece el menu y las features amontonados, ¿Cómo podemos solucionarlo?
También nos gustaría que la cabecera fuera más reducida, menos alta.

Gracias

Hola

Puedes probar con el siguiente código CSS:

@media (max-width:960px){
	#rt-header .rt-container > div,
	#rt-feature .rt-container > div{
		width:50%;
	}
	#rt-feature .rt-container > div{
		min-height:220px;
	}
}

Puedes agregarlo al final del archivo:
/wp-content/themes/pandora_wp/css/pandora_wp-custom.css

Saludos.

Gracias,
Hemos solucionado el tema del menu en las pantallas más pequeñas. La cabecera la seguimos viendo muy alta, nos gustaría que fuera más pequeña, que tuviera el tamaño que tiene el logo. Como podríamos reducirla?

Hola Ruth.

Prueba añadir lo siguiente a tu archivo custom:

#rt-header  .rt-block {
    padding:0px !importan; 
    margin:0px;
}
.gf-menu {
    margin: 10px;
    }

Un saludo