• Saltar a la navegación principal
  • Saltar al contenido principal
Código Genesis

Código Genesis

Tutoriales de WordPress y Genesis Framework

  • Empieza aquí
  • Cuenta
    • Suscripción
    • Perfil
    • Actualizar tarjeta
    • Favoritos
    • Salir
  • Suscribirse
  • Acceder

Aumentar el tamaño del menú hamburguesa de Genesis Sample

Aprende en este tutorial cómo aumentar el tamaño del menú hamburguesa de Genesis Sample en dispositivos móviles mediante código.

Ya sabes que la plantilla de Genesis Sample muestra por defecto el texto «Menu» junto al icono de hamburguesa en pantallas pequeñas:

Menu responsive por defecto en Genesis Sample.

Gracias al tutorial donde te explicaba cómo eliminar este texto puedes conseguir un look más minimalista.

Menú responsive Genesis Sample sin texto.

Pero, ¿y si además quieres aprovechar el espacio que se libera para aumentar de tamaño el menú de hamburguesa?

Menú hamburguesa más grande en Genesis Sample.

Pues aquí tienes los pasas para conseguirlo en Genesis Sample (≥ 3.0):

Snippet para hacer más grande el menú hamburguesa en Genesis Sample

Añade este código al final del fichero style.css:

Para ver este código y los otros 1801 snippets de esta web,
identifícate o suscríbete aquí.

Con este simple cambio aumentas el icono del menú hamburguesa de Genesis Sample para pantallas pequeñas.

Conclusiones

Ahora ya sabes cómo modificar el tamaño del menú responsive de Genesis Sample con un sencillo snippet.

¿Alguna duda? Te leo en los comentarios.

Y si quieres darme una sugerencia para próximos tutoriales, déjamela en el formulario de contacto. Ventajas de ser suscriptor. 😉

CSS Genesis Framework Menú

Nahuai Badiola

Desarrollador web especializado en WordPress y Genesis Framework. CEO de Código Genesis y cofundador de OsomPress (temas y plugins para WordPress).

Para dejar dudas o preguntas sobre este código, puedes login o suscribirte.

  • Empieza aquí
  • Sobre Código Genesis
  • Preguntas frecuentes
  • Contacto

Aviso legal · Política de privacidad · Política de cookies · Condiciones de contratación
Copyright © 2023 · Código Genesis

¿Has olvidado tu contraseña?