De forma predeterminada, en el theme GeneratePress de WordPress, si hemos activado el menú secundario, en la versión móvil tendrás dos botones de menús tipo hamburguesa como en la siguiente captura de pantalla:
¿ Te gustaría saber cómo combinar estos dos menús en uno solo ?
Si has llegado hasta aquí , supongo que sí.
En este tutorial te enseño a combinar dos menús móviles en uno solo en GeneratePress, con un poco de código javascript.
Unir dos menús móviles mediante código javascript
Lo que queremos hacer es eliminar el botón del menú superior y agregar todos los elementos del menú superior al menú inferior.
Para esto hay que crear un nuevo archivo JavaScript que llamaremos «combine-menu.js» (por ejemplo) y lo guardo en la carpeta «js» de mi ChildTheme.
En este archivo JS pega los siguientes scripts:
Este contenido está únicamente disponible para los suscriptores, para tener acceso a esta sección, y a todos los tutoriales y snippets de Código GP. Puedes identificarte en este enlace o si todavía no tienes un plan de pago puedes suscribirte aquí.
Conclusión
Ahora recarga tu página web y verás que solo hay un botón de menú hamburguesa, al hacer click en él verás que los elementos del menú secundario se han posicionado al final de los elementos del menú principal.
Así de fácil!!! ¿ Qué te parece ?
¿Tienes alguna pregunta o quieres mandarme una sugerencia para próximos tutoriales ó snippets?
Déjala en el formulario de soporte de la intranet.
Recuerda solo si estás suscrito, si no estás suscrito no 😉