Cómo cambiar la posición del menú en Genesis
Esta semana veremos cómo cambiar la posición del menú en Genesis. Aprenderemos a situarlo por encima del encabezado, así tendremos nuestro diseño más limpio y con el menú más a mano.
Este cambio será muy sencillo, ya que veremos que con un par de líneas de código, podremos hacerlo sin dificultad. Será como siempre: copiar. pegar y listo 🙂
¡Vamos a ello».
Código que vamos a utilizar para cambiar la posición del menú en Genesis
Como te he dicho, utilizaremos un código muy sencillo y cortito, de apenas dos díneas.
El código que usaremos es el siguiente:
Este contenido es exclusivo para los usuarios de pago de la web.
Si ya lo eres accede a tu cuenta, y si aún no te has suscrito, regístrate desde aquí.
¡Nos vemos dentro!
Si te das cuenta, utilizamos la función remove_action para eliminar funciones asociadas a un gancho específico, para poder reemplazarla, en este caso, por otra acción (add_action).
Con eses código, nosotros eliminamos genesis_after_header y lo sustituimos por genesis_before_header, es decir, quitamos el menú de navegación de la posición antes del menú (after), y lo ponemos en la posición después del menú de navegación (before). Sencillo, ¿verdad?.
Dónde tenemos que colocar este código
Como siempre te digo, hay varias formas para insertar código en nuestro WordPress, pero yo te aconsejo una en concreto: colocarlo en tu plugin de snippets.
Pero ya sabes que también puedes colocarlo en tu plugin de funciones o en el archivo functions.php de tu tema activo (método no recomendable), pero sí puedes ponerlo en el archivo functions.php de tu tema hijo (child theme).
El resultado será el siguiente:
Este artículo ha sido visitado: 58 veces
Obtén acceso a los secretos mejor guardados de WordPress con solo un clic
Suscríbete a la newsletter y recibe en tu correo electrónico 10 snippets de código exclusivos que nunca se han publicado en nuestra membresía y que nunca se publicarán.
Obtén la ventaja definitiva en WordPress y conviértete en un experto.
10 códigos para WordPress, Divi y WooCommerce, que nunca han sido publicados aquí, ni se publicarán
Deja que WordPress trabaje por ti, utiliza código.