Veamos como eliminar la palabra «Menu» del menú para móviles de Genesis Sample Theme, simplemente editando un par de líneas de código.
Hace algún tiempo habría desaconsejado esta práctica, dado que no estaba lo suficiente establecido el menú de hambuguesa como un standar ( aunque fuese sólo de manera popular). Con el tiempo, su uso se ha hecho tan general y habitual que ya todos identificamos ese icono como un menú oculto.
Por defecto en Genesis Sample, por debajo de 960 píxeles de tamaño de pantalla, se activa el menu responsive y aparece ese icono de hamburguesa en pequeño con la palabra «Menu» junto a él. Veamos como eliminar esa palabra y aumentar el tamaño del icono con un poco de CSS para darle más visibilidad.
Pasaríamos de esto:
A esto otro:
Vamos a ello. En el archivo functions.php deberíamos buscar estas líneas. En el archivo original, deberían ser las líneas 102 y 103.
Este contenido está sólo disponible para los suscriptores.
Puedes identificarte aquí o bien registrate en este enlace.
Con eso habrá bastado para eliminar la palabra «menu». Ahora sólo faltará darle un poco más de visibilidad a ese icono de hamburguesa.
Añadiremos este código CSS al final del archivo style.css del tema.
Este contenido está sólo disponible para los suscriptores.
Puedes identificarte aquí o bien registrate en este enlace.
Una edición sencilla, si se sabe lo que se hace, y el resultado mejora mucho la apariencia de nuestro theme en pantallas móviles.
La verdad es que Genesis Sample Theme se ha convertido en un estupendo Starter theme, que con unas cuantas modificaciones podemos conseguir resultados muy vistosos y aparentes.
Puedes dejar cualquier duda sobre este código en los comentarios, así servirá en un futuro para otros. 😉