Genesis Sample es el tema que suelo recomendar para WordPress por estar basado en Genesis Framework y por ser un tema gratis. Sin embargo, este tema viene configurado con un header fijo o «sticky» que hace que el logotipo y la menú del sitio permanezcan siempre visibles mientras se hace scroll la página web. Esto en mi caso no es útil por varias razones, por lo que decidí desactivarlo de la siguiente manera.
Cómo desactivar el header sticky en Genesis Sample
Para quitar la propiedad fija al encabezado en el tema Genesis Sample debes dirigirte a Apariencia, Editor de archivos de temas, y allí escoger el archivo Hoja de estilo. Haz clic en el contenido del archivo y pulsa Ctrl+F para buscar la palabra sticky. Deberás encontrar la línea que dice position: sticky (dentro del selector .site-header) y comentar esta línea con /* */. Debe quedar tal y como se ve en la imagen abajo.
CSS adicional genera problemas
En Internet encontré que añadir la propiedad position: relative como se ve arriba podría desactivar el header fijo en WordPress y es cierto. Hay que ir a la opción Personalizar en el WordPress y añadir este código dentro del selector de header de tu tema (este selector hay que encontrarlo con la ayuda del depurador del navegador. Puedes ver algo de esto en mi video sobre el encabezado duplicado en WordPress). Sin embargo, hacer esto me generó un espacio entre la cabecera y la barra de administración de WordPress, así que no recomiendo esta alternativa.
Conclusión
El header sticky en WordPress, aunque bonito, en mi caso no lo consideré útil, ya que no tengo cosas relevantes en el menú de mi sitio para tenerlos siempre visibles, más allá del logotipo. Además, tener un header fijo hace que el bloque de publicidad grande que Adsense coloca automáticamente también quede fijo, por lo que queda poco espacio visible para el usuario, algo muy molesto.
Para desactivar el encabezado fijo en tu WordPress, concretamente en el tema Genesis Sample, hay que editar el header desde la hoja de estilos por defecto del tema. No es recomendable añadir CSS adicional en el customizer de WordPress, ya que esto puede generar problemas adicionales.
Problemas en WordPress (y sus soluciones)
Este simple error en WordPress puede causar serios problemas
