L'Intestazione ridotta è una versione più piccola dell'intestazione del sito, che non occupa troppo spazio e che ti consente di mantenere fisse le informazioni di navigazione importanti senza distrarre gli utenti mentre scorrono verso il fondo della pagina. Funziona come un'intestazione fissa, ma riduce le dimensioni del logo e degli altri presenti nell'intestazione. È particolarmente utile per i siti che hanno intestazioni grandi e che contengono molti contenuti da scorrere.
L'intestazione ridotta è disponibile su desktop e solo per tablet quando viene usato il layout dell'intestazione della barra superiore.
Una volta che l'utente scorre oltre l'intestazione, questa si restringe.
- Se le colonne presentano un visibile, il viene centrato verticalmente all'interno della colonna e la spaziatura interna superiore/inferiore viene impostata su 0.
- Se le colonne hanno più di un visibile, i non vengono allineati verticalmente e la spaziatura interna superiore/inferiore viene impostata su 10 px.
- Se sono presenti righe vuote con colonne, le colonne occupano l'intero spazio della riga.
- Per gestire i modelli con un valore minimo dell'altezza nell'intestazione, l'altezza minima dell'intestazione viene impostata su auto.
Per modificare il design di un'intestazione ridotta:
- Passa il mouse sopra l'intestazione, fai clic su Intestazione, quindi su Modifica design.
- Nella scheda Intestazione ridotta, fai clic sull'interruttore Attiva intestazione ridotta. Puoi intervenire sulle seguenti opzioni:
- Mostra solo la riga di navigazione: visualizza la riga con la navigazione solo quando l'intestazione si riduce. Questa funzione è applicabile solo se l'intestazione è composta da più di una riga.
- Colore di sfondo: modifica il colore di sfondo dell'intestazione ridotta. Tieni presente che il colore dello sfondo della riga sostituisce il colore dello sfondo dell'intestazione ridotta.
- Intestazione con più colori allo scorrimento: specifica i colori per il testo, link selezionati e passaggi del mouse, le icone, il testo dei pulsanti e altro ancora.
- Dimensione del logo: modifica le dimensioni che assumono il logo o le immagini quando l'intestazione si riduce. Il valore predefinito è 66 %.
- Logo che si modifica allo scorrimento: seleziona un logo da visualizzare quando l'utente scorre verso il basso.
- Spaziatura dell'intestazione: regola la spaziatura interna superiore e inferiore dell'intestazione ridotta. Puoi modificare la spaziatura dell'intestazione in base al dispositivo.
Quando la riduzione dell'intestazione viene attivata:
- Per visualizzare il logo e gli effetti dell'intestazione ridotta, il sito va fatto scorrere verso il basso.
- La funzionalità di intestazione adesiva viene applicata automaticamente all'intestazione.
- La spaziatura dell'intestazione imposta la spaziatura interna superiore/inferiore e il margine su 0.
Ciò influisce su spaziatura interna e margine dell'intestazione, ma non sulle righe all'interno dell'intestazione.
- Le immagini nell'intestazione si riducono alla percentuale indicata nella barra delle dimensioni del logo (valore predefinito: 66 %).
- Modificare il layout dell'intestazione non influisce sulle impostazioni dell'intestazione ridotta.
- Non tutti i sono compatibili e compaiono nell'intestazione ridotta. I che vengono visualizzati sono i seguenti:
- Navigazione
- Widget multilingua
- Icone dei social media
- Pulsante Chiamata con un clic
- Pulsante OpenTable
- Pulsante Email con un clic
- vCita
- Pulsante PayPal
- Pulsante Mi Piace di Facebook
- Immagini e loghi
- Carrello negozio
- Widget del paragrafo
- Widget del titolo
- Pulsanti
- Non è possibile modificare i quando l'intestazione è ridotta.
- Le proprietà di progettazione hanno la precedenza su quelle dell'intestazione ridotta. Ad esempio, se imposti uno sfondo per la riga dell'intestazione, questo viene visualizzato in primo piano rispetto allo sfondo dell'intestazione ridotta.
- Se nell'intestazione è presente un non compatibile con l'intestazione ridotta, al posto del viene visualizzata una colonna vuota.
- Le righe vuote vengono visualizzate nell'intestazione ridotta.
- Se non riesci a vedere l'intestazione ridotta, è possibile che il sito non disponga di righe sufficienti per poter scorrere verso il basso e attivare l'intestazione ridotta. Se la pagina presenta una sola riga, il sito non scorrerà.