El encabezado retráctil es una versión más pequeña del encabezado del sitio, lo que permite mantener fija la información de navegación importante sin distraer a los usuarios al desplazarse por la página y sin ocupar demasiado espacio. Funciona como una función de encabezado fijo, pero reduce el tamaño de los logotipos y otros en el encabezado. Es especialmente útil en sitios con encabezados grandes y sitios diseñados para desplazamientos largos.
Nota:
El encabezado contraído está disponible en el escritorio y solo para la tableta cuando se utiliza el diseño de encabezado de la barra superior.
Una vez que el usuario se desplaza más allá de la altura del encabezado, éste se contrae.
- Si las columnas tienen una visible , el está centrado dentro de la columna verticalmente y el relleno superior/inferior y los márgenes se establecen en 0.
- Si las columnas tienen más de una visible , el no están alineados verticalmente y el relleno superior/inferior y los márgenes están configurados a 10 px.
- Si hay filas vacías con columnas, las columnas abarcan todo el espacio de la fila.
- Para manejar plantillas con un valor de altura mínima en el encabezado, la altura mínima del encabezado se establece en automático.
Para editar el diseño de un encabezado retráctil:
- Pase el cursor sobre el encabezado y haga clic Encabezado y luego haga clic en Editar diseño.
- En la pestaña Encabezado reductor, haga clic en el icono Habilitar la reducción de encabezado Alternar. Tiene las siguientes opciones:
- Mostrar solo la fila de navegación. Mostrar solo la fila con navegación cuando el encabezado se reduce. Esta función solo es aplicable si el encabezado tiene más de una fila.
- Color de fondo. Cambia el color de fondo del encabezado reducible. Tenga en cuenta que el color de fondo de la fila anula el color de fondo del encabezado reducible.
- Más colores de encabezado al desplazarse. Especifica colores para el texto, el enlace seleccionado y al pasar el mouse, los íconos, el texto de los botones y más.
- Tamaño del logotipo. Cambia el tamaño al que se reduce el logotipo o la imagen cuando se reduce el encabezado (el valor predeterminado es 66%).
- Cambiar el logotipo al desplazarse. Seleccione un logotipo para mostrar al desplazarse.
- Espaciado del encabezado. Ajuste el relleno superior e inferior del encabezado que se reduce. Puede cambiar el espaciado del encabezado por dispositivo.
Cuando se activa el encabezado retráctil:
- El sitio se desplaza hacia abajo para mostrar el logotipo y los efectos del encabezado encogido.
- La función de encabezado fijo se aplica automáticamente al encabezado.
- El espaciado del encabezado cambia la parte superior/inferior relleno, y margen a 0.
Nota:
Esto cambia el relleno y margen del encabezado, y no de las filas dentro del encabezado.
- Las imágenes en el encabezado se reducen al porcentaje de la barra de tamaño del logotipo (el valor predeterminado es 66%).
- Cambiar el encabezado disposición no cambia los ajustes del encabezado reducido.
- No todos son compatibles y aparecen en el encabezado reducible. Lo siguiente los se muestran en un encabezado que se reduce:
- Navegación
- Widget multilingüe
- Iconos sociales
- Botón Haga clic para llamar
- Botón OpenTable
- Haga clic en el botón Correo electrónico
- vCita
- Botón de PayPal
- Botón Me gusta de Facebook
- Imágenes y logotipos
- Carrito de la tienda
- Widgets de párrafo
- Widgets de título
- Botones
Nota:
- No puedes editar cuando el encabezado está reducido.
- Las inversiones de diseño anulan las inversiones del encabezado reducible. Por ejemplo, si se establece un fondo de fila en el encabezado, este se mostrará sobre el fondo del encabezado reducible.
- Si tienes un en el encabezado que no es compatible con el encabezado reductor, aparece una columna vacía en lugar del .
- Las filas vacías se muestran en el encabezado que se reduce.
- Si no puedes ver el encabezado reducible, puede deberse a que no tienes suficientes filas en tu sitio para poder desplazarte hacia abajo y activar el encabezado reducible. Si solo tienes una fila en la página, el sitio no se desplazará.