Cerca articoli della Knowledge Base

Come posso ottimizzare il componente menù per mobile?

Ottimizzazione Menu per Dispositivi Mobile

Un menu ottimizzato per mobile è essenziale per una buona esperienza utente su smartphone e tablet.

Attivare il Menu Mobile

  1. Seleziona il componente Menu
  2. Apri le Impostazioni
  3. Vai alla tab Mobile
  4. Attiva l'opzione Menu Responsive
  5. Scegli lo stile del menu mobile (hamburger, slide, overlay)

Stili Menu Mobile Disponibili

  • Hamburger classico: Icona a tre linee, menu a discesa
  • Slide menu: Menu che scorre da sinistra o destra
  • Overlay: Menu a schermo intero
  • Bottom navigation: Barra fissa in basso (stile app)

Personalizzazione

  • Breakpoint: Larghezza in pixel sotto cui attivare il menu mobile (default: 768px)
  • Animazione: Velocità e tipo di transizione
  • Colori: Sfondo, testo, icone del menu mobile
  • Posizione icona: Sinistra o destra della header

Best Practice

  • Mantieni il menu semplice (max 5-7 voci principali)
  • Usa sottomenu per organizzare voci secondarie
  • Assicurati che i pulsanti siano abbastanza grandi (minimo 44x44px)
  • Testa su diversi dispositivi reali

Hai trovato utile quest'articolo?

Articoli Correlati