El hueco de la foto de cabecera es de 320x80 y mi logo es de 185x80.
A través del editor de wordpres he entrado en funciones del tema y en hoja de estilo y he modificado el ancho de 320 por 185, quedando así:
En hoja de estilo:
.title-area {
background-color: rgba(255, 255, 255, 0.1);
float: left;
padding: 20px 40px;
max-width: 185px;
}
.header-image .title-area {
width: 185px;
padding: 0;
}
y en funciones del tema:
//* Add support for custom header
add_theme_support( 'custom-header', array(
'header-selector' => '.site-title a',
'header-text' => false,
'height' => 80,
'width' => 185,
No hace nada y tanto en el visionado de la web en la cabecera como en el recuadro que aparece en la personalización/imagen de cabecera, sigue con un ancho de 320.
Despues he refrescado, cambiado la foto, alido del programa, apagado el ordenador, actualizada la página y sigue igual.
Si vuelvo a entrar en el editor el cambio sigue vigente pero no hace efecto.
¿Que hago mal?
Gracias de antemano.
URL del sitio: Contenido solo visible a usuarios registrados
Hola,
Analizando los estilos CSS que se cargan actualmente en tu web veo que sí se están aplicando los cambios que has aplicado en el logo.
Entiendo que el problema que comentas es que el menú no se ha desplazado a la izquierda. Esto ocurre debido a que la caja del menú tiene su propio ancho que también deberías cambiar.
Localiza el estilo sigiuente:
.site-header .widget-area { float: right; text-align: right; width: 875px; }
y cámbialo por este otro:
.site-header .widget-area { float: right; text-align: right; width: 1010px; }
He hecho lo que me has dicho y nada.
Al principio el ancho del recuadro de la foto era de 320px y el del menu de 740px, entendí que el total era de 1060px.
Por tanto, si yo necesitaba 185px de ancho de la foto la diferencia entre 320-185=135 se la tenía que sumar al ancho del menu, es dedir 740+135=875. ¿por qué ahora dices que ponga 1010px?
Sigue igual.
El texto de la descripción no tiene que ver, lo he incorporado esta tarde y ya pasaba antes.
Aunque en el texto del editor si que cambia, cuando pinchas en el cuadro del logo y en el del menú el recuadro concéntrico sigue teniendo las dimensiones de origen.
En cambio si veo la página en el móvil el logo y el cuadro coinciden.
No sé si esto puede datos alguna pista.
Al final tendré que adecuar mi logo a los 320x80 y el menú a los 740x80.
Acabo de darme cuenta que en explorer y firefox se ve bien y en cambio en chrome no, que es donde lo he estado viendo hasta ahora.
Esto es más extraño todavía y me preocupa porque chrome es el explorador más usado.
Ni una cosa ni la otra.
Al final a la vista de que parecía que yo era el único que no lo veía bien he optado por desinstalar y volver a instalar chrome y "et voilà", ya se ve bien.
Siento las molestias, pero al final se arreglo de la manera menos técnica, a las bravas.
Gracias.
Hola Santiago.
Nada, mejor de esa manera 😉
cerramos el tema.
Un saludo