Il blocco Responsive Spacer aggiunge spazio vuoto al tuo sito Web, che puoi definire in diverse unità. Ti permette di mostrare lo spaziatore anche sugli schermi più piccoli dove l'altezza della barra non è lo stesso numero fisso di pixel su desktop grandi e piccoli schermi mobili.
Puoi selezionare tra le unità:
- px – altezza fissa in pixel
- vh – relativo a 1% dell'altezza del viewport (2vh significa 2% dell'altezza dello schermo)
- vw – relativo a 1% della larghezza del viewport (2vw significa 2% della larghezza dello schermo)
- rem - relativo alla dimensione del carattere dell'elemento radice (2rem significa 2 volte la dimensione della dimensione del carattere radice)
- em - relativo alla dimensione del carattere dell'elemento (2em significa 2 volte la dimensione della dimensione del carattere corrente)
- % – relativo all'elemento genitore (2% significa 2% dell'altezza dell'elemento genitore)
Sono possibili anche valori negativi. In questo modo il contenuto sotto spacer può traboccare sul contenuto sopra spacer.
Nel design reattivo, il distanziatore può essere completamente disattivato con l'interruttore Nascondi in reattivo. Il distanziatore sarà disabilitato su schermi inferiori a 600px.
