Logo
Aggiungi un'immagine logo direttamente nella barra di navigazione, posizionala come preferisci e, opzionalmente, mostra un logo diverso su dispositivi mobili.
In questa paginaAggiungere un logoPosizioneDimensione e formaLogo mobile separatoRendere il logo un link
Aggiungere un logo
- Vai su Menu Builder → Logo.
- Fai clic su Carica logo e seleziona un'immagine dalla Libreria Media o caricane una nuova.
- Configura posizione, dimensione e altre opzioni (vedi sezioni seguenti).
- Fai clic su Salva per applicare le modifiche.
Si consiglia di usare un'immagine SVG o PNG con sfondo trasparente per ottenere i migliori risultati su tutti i temi. Le dimensioni consigliate sono di almeno 200 × 60 px.
Posizione
Puoi posizionare il logo in quattro modi diversi all'interno della barra di navigazione:
| Posizione | Descrizione |
|---|---|
| Sinistra | Il logo è allineato al bordo sinistro della barra; le voci del menu si trovano a destra. |
| Destra | Il logo è allineato al bordo destro della barra; le voci del menu si trovano a sinistra. |
| Centro | Il logo è centrato sopra le voci del menu, che si estendono su tutta la larghezza. |
| Centro diviso | Le voci del menu sono divise in due gruppi ai lati del logo centrato. |
Dimensione e forma
- Larghezza/Altezza — imposta dimensioni fisse in pixel oppure lascia che il browser calcoli automaticamente mantenendo le proporzioni.
- Larghezza massima — limita la larghezza massima del logo per evitare che sia troppo grande su schermi ampi.
- Border radius — arrotonda gli angoli del logo (utile per loghi quadrati o foto).
- Allineamento verticale — allinea il logo al centro, in alto o in basso rispetto alla barra di navigazione.
- Testo alternativo — testo alt per l'accessibilità (letto dagli screen reader).
Logo mobile separato
Puoi caricare un logo alternativo da mostrare sui dispositivi mobili — utile se hai un logo orizzontale per desktop e un'icona quadrata per mobile.
- Vai su Menu Builder → Logo → Logo mobile e carica l'immagine alternativa.
- Il logo mobile viene visualizzato automaticamente sotto il breakpoint mobile configurato in Menu Builder → Mobile.
Rendere il logo un link
- Nella sezione Menu Builder → Logo, trova il campo URL del link.
- Inserisci l'URL di destinazione (di solito la home page:
/o l'URL completo del sito). - Scegli se aprire il link nella stessa scheda o in una nuova scheda, quindi salva.