Cómo podemos cambiar la posición del menú en Genesis

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:

Cómo cambiar la posición del menú en Genesis
Cómo cambiar la posición del menú en Genesis

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.

leadmagnetcodigos

PDF

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.