Descubre en este tutorial cómo conseguir que los dos menús de la cabecera de Genesis Sample se mantengan fijos mediante de código.
Mantener el header de la web siempre visible mejora la experiencia de usuario, ya que permite a las visitas acceder al menú en todo momento.
De hecho, en Código Genesis puedes encontrar varios tutoriales que ayudan a hacerlo en diferentes child themes.
Pero ¿qué pasa si lo que quieres es fijar, no uno, sino dos menús?
No pasa nada, porque hoy vas a aprender cómo hacer que los dos menús estén siempre visibles en Genesis Sample (3.0.1).
Y esto te servirá de guía para aplicarlo en cualquier otro child theme de Genesis. 🙂
Este sería el resultado:
¿Preparado? Vamos allá.
Pasos para fijar dos menús en la cabecera de Genesis Sample
1. Modifica el fichero functions.php
Sustituye el siguiente fragmento del fichero functions.php:
Para ver este código y los otros 2063 snippets de esta web,
identifícate o suscríbete aquí.
Con estas líneas creas una nueva sección en la cabecera con la clase .custom-header, donde se mostrará el menú secundario.
2. Edita el archivo style.css
A continuación, sustituye en el fichero style.css:
Para ver este código y los otros 2063 snippets de esta web,
identifícate o suscríbete aquí.
Con esto das estilos a la nueva cabecera y te aseguras de que queda siempre fija, mostrando ambos menús.
Conclusiones
Ahora ya sabes cómo mantener los dos menús siempre visibles en la cabecera de Genesis Sample.
Aunque el tutorial está pensando para Genesis Sample, puedes usarlo de guía para adaptarlo a cualquier otro child theme de Genesis realizando pequeñas modificaciones.
¿No lo consigues?
Déjame los detalles y el nombre de la plantilla donde te interesa aplicarlo en los comentarios.
Así podré crear un tutorial personalizado con tu pregunta. Ventajas de ser suscriptor. 😉
