Hola. Hace tiempo que coloqué un snipet de código en el archivo "functions.php" en el tema hijo para modificar la cabecera de mi sitio. Funciona en todas las páginas menos en la página de "Mi cuenta" de WooCommerce. Os envío una captura del fragmento de código así como del css adicional. Gracias de antemano.
Un saludo 😀
Contenido solo visible a usuarios registrados
Hola Carmen,
Verifica agregando el siguiente código css:
.page-id-73 ul#menu-barra-de-arriba {
font-size: 15px !important;
}
Con el debería verse igual el contenido del menú sin el espacio, Un saludo 🖐️
Hola Argenis. Va mejor, pero la fuente del menú está un poquito más pequeña. Gracias de antemano.
Un saludo 😀
Perdona Argenis. Me pasa también en la página del "carrito" y "finalizar compra". Gracias.
Un saludo 😀
Hola Carmen,
En efecto esta un poco mas pequeña para que pueda ajustarse al tamaño que posee esta sección, si no deseas hacer cambios en la tipografía debes hacer cambios a nivel de anchura, para ello verifica agregando el siguiente código css:
.col-full {
max-width: 68.498938em !important;
}
Verifica y nos comentas que tal lo ves, un saludo 🖐️
Hola Argenis. El problema es que no se ve la cabecera igual en todas las páginas. Cada vez que paso de una página a otra de las que te estoy comentando se ve un salto, como si se desplazara el menú de un lado para otro y es muy molesto. Quiero que se vea de igual tamaño y en la misma posición en todas las páginas del sitio. ¿Qué puedo hacer? Gracias de antemano.
Un saludo 😀
Hola Carmen,
La única diferencia notable que veo es la separación de estos elementos del menú con respecto a las demas paginas, antes mencionas que son 3 paginas en especifico por lo que verifica con este código:
.page-id-73,.page-id-71,.page-id-72, ul#menu-barra-de-arriba a {
padding-right: 13px !important;
}
Un saludo 🖐️
Hola Carmen,
Disculpa si no logro comprender bien la consulta, puedes indicarnos exactamente lo que aun no logras configurar?
Si no se logras modifica el tamaño comprueba bajar el tamaño al ultimo código que te compartió Argenis, por ejemplo 12px
Un Saludo
Hola Karen. Lo que pasa es que no se ve el menú de la cabecera de igual forma en todas las páginas del sitio. Con los códigos que me ha pasado Argenis se ha mejorado mucho, pero sigue habiendo diferencia. Si pasas de la página de "inicio" a la página de "Mi cuenta", hay un pequeño desplazamiento (Lo mismo ocurre con la página del "carrito" y "finalizar compra"). Parece que no todas las páginas del sitio interpretan de igual manera las reglas. No sé qué hacer. Gracias
Un saludo 😀
Hola Carmen,
Tal como te indica Karen:
Si no se logras modifica el tamaño comprueba bajar el tamaño al último código que te compartió Argenis, por ejemplo 12px
Has verificado bajando el tamaño de la separación por ejemplo a 10px? a esa distancia me parece que queda exactamente igual que el home te comparto unas capturas:
Ten en cuenta que puedes modificar los valores de los códigos que te compartimos si vez que no se adaptan un 100% a lo que buscas. Te comparto nuevamente el codigo anterior con el cambio realizado el que te compartí previamente es este:
.page-id-73,.page-id-71,.page-id-72, ul#menu-barra-de-arriba a {
padding-right: 13px !important;
}
Sustituyelo por este:
.page-id-73,.page-id-71,.page-id-72, ul#menu-barra-de-arriba a {
padding-right: 10px !important;
}
Cómo vez solo cambia el numero, lo que te comentaba previamente Karen que podias modificar, verifica y nos comentas.
Un saludo 🖐️
Lo siento chicos. No funciona. Sólo varía en esas páginas pero no en las demás, con lo cual se sigue viendo diferente. ¿No hay alguna forma de indicarle esos parámetros a todas las páginas? Gracias.
Un saludo 😀
Hola Carmen,
Entiendo, comprueba añadiéndolo de forma global por ejemplo
ul#menu-barra-de-arriba a {
padding-right: 10px !important;
}
Verifica si con esto funciona como deseas
Un Saludo
Sigue en sus trece. No entiendo que funcione en todas las páginas menos en esas 3. Gracias.
Un saludo 😀
Hola
Actualmente lo veo correctamente, en ambas páginas, prueba desactivando temporalmente los plugins de optimización que tengas como el autoptimize y verifica, prueba ingresando a tu sitio en modo incógnito como visitante y revisa.
Saludos.