[Genesis Framework] Cómo cambiar la posición de visualización del menú de navegación

En Genesis Framework, los menús de navegación se instalan básicamente en los dos lugares siguientes.

Encabezado: menú de navegación principal
Pie de página: menú de navegación secundario

A continuación, se explica cómo mostrar el menú de navegación secundario que se muestra en el pie de página en la parte superior derecha del encabezado.

Cómo cambiar la posición de visualización del menú secundario

Como ejemplo, usaremos el tema hijo "Genesis Sample" que viene con la compra del framework Genesis.De forma predeterminada, solo hay una línea para el menú principal, pero la posición del menú de pie de página se establece en dos líneas configurándola en el encabezado.

Menú predeterminado de Genesis Sample
Menú predeterminado
Menú de muestra personalizado de Genesis
Menú personalizado

1. Abra la pantalla de administración de WordPress → "Apariencia" → "Editor de temas".

2. A continuación, seleccione el tema hijo de genesis que desea editar y abra function.php.
(Haga una copia de seguridad de function.php descargándolo por separado en caso de que falle la edición)

3. Creo que tengo el siguiente código

// Reposiciona el menú de navegación secundario remove_action ('genesis_after_header', 'genesis_do_subnav'); add_action ('genesis_footer', 'genesis_do_subnav', 10);

4. Reemplace con el siguiente código y actualice.

// Cambia la posición del menú secundario remove_action ('genesis_after_header', 'genesis_do_subnav'); add_action ('genesis_before_header', 'genesis_do_subnav');

Agregue el siguiente código al CSS adicional.

/ * Justificar el menú a la derecha * / .nav-secondary {margin: .3em 2em; text-align: right;}

eso es todo.

El nombre de la clase es .nav-secundaria, pero si el nombre difiere según el tema secundario, haga clic con el botón derecho en google chrome → verificar.