O bloco Spacer responsivo adiciona espaço vazio ao seu site, que você pode definir em diferentes unidades. Ele permite que você mostre o espaçador também nas telas menores onde a altura da barra não é o mesmo número fixo de pixels em grandes desktops e pequenas telas móveis.
Você pode selecionar entre as unidades:
- px – altura fixa em pixels
- vh – relativo a 1% da altura da viewport (2vh significa 2% da altura da tela)
- vw – relativo a 1% da largura da janela de visualização (2vw significa 2% da largura da tela)
- rem – relativo ao tamanho da fonte do elemento raiz (2rem significa 2 vezes o tamanho da fonte raiz)
- em – relativo ao tamanho da fonte do elemento (2em significa 2 vezes o tamanho da fonte atual)
- % – relativo ao elemento pai (2% significa 2% da altura do elemento pai)
Valores negativos também são possíveis. Dessa forma, o conteúdo abaixo do espaçador pode transbordar sobre o conteúdo acima do espaçador.
No design responsivo, o espaçador pode ser completamente desativado com a alternância Ocultar no responsivo. O espaçador será desativado em telas menores que 600px.
