Cómo crear un menú diferente para móvil en tema GeneratePress de WordPress

El tema es muy flexibe. Cuenta con una versión Premium que con la que se consiguen desarrollos muy adaptados y personalizados en función del proyecto.

A pesar de su flexibilidad, en ocasiones debemos de echar mano de un poco de código css y/o php para algunas necesidades concretas. En este caso, para tener un menú principal en móvil distinto al de escritorio.

Crear área para menú móvil

Lo hacemos a través de una función:

add_action( 'init', 'generate_register_mobile_menu' ); function generate_register_mobile_menu() { register_nav_menu( 'mobile-menu',__( 'Mobile Menu' ) ); }

add_filter( 'generate_mobile_header_theme_location', 'generate_change_mobile_header_menu' ); function generate_change_mobile_header_menu() { return 'mobile-menu'; }

Hay varias formas de introducir este código:

1. A través del fichero functions.php del tema hijo (Child Theme)
2. A través de un plugin: Code Snippets.
3. O creando directamente un plugin para ello. Puede parecer a priori difícil, pero para un caso sencillo, podemos hacerlo de manera fácil a través, por ejemplo, de Pluginception.

Utilizar la ubicación Navegación deslizante solo para móvil

Es recomendado cuando tenemos un menú demasiado largo. En este caso, podemos utilizarlo solo para navegación móvil. Para configurarlo:

Personalizar >  Diseño de pantalla > Navegación deslizante

Hay cuatro opciones:

• Solo en móviles
• Solo en escritorio
• ambos
• Desactivar

Cogeremos la opción de Solo en móviles.