Uno de los trucos más demandados de Astra es el de hacer fija la cabecera, pero tiene un problema, y es que con la cabecera fija, si tienes una tabla de contenidos y haces clic para ir a cualquiera de sus anclajes, no te llevará al punto exacto, sino que irás un poco más abajo, pues la cabecera fija quedará encima del anclaje exacto.
Pero no pasa nada, esto tiene fácil solución, solo tienes que añadir una pequeña compensación, para que los enlaces a anclajes te lleven al punto exacto, restando la altura de tu cabecera fija.
Esto se arregla con un poco de CSS, así:
/* Compensar anclajes por cabecera fija */
:target:before {
content: "";
display: block;
height: 130px; /* altura de tu cabecera fija */
margin: -130px 0 0; /* altura negativa de tu cabecera fija */
}
Este código CSS tienes que añadirlo en la sección de CSS adicional del personalizador de WordPress, cambiando los valores de height y margin por la altura en píxeles de tu cabecera fija. Guardas los cambios y ya está.
La entrada Cómo compensar el desplazamiento a anclajes en el tema Astra si tienes cabecera fija la publicó primero Fernando Tellado en Ayuda WordPress. No copies contenido, no dice nada bueno de ti a tus lectores.
0 Commentaires