Want to enhance your website’s navigation experience with a modern sticky header?
Astra allows you to easily add a sticky header and elevate it further by applying a subtle blurred background effect.
Astra introduces this Background Blur option for a sticky header in v4.1.0 and above. This Background blur is dependent on the background color opacity. Let’s take a closer look at this feature.
Desenfoque de fondo para cabecera adhesiva
Se trata de una función premium disponible con el Complemento Astra Pro plugin. Para utilizar estas funciones Pro, debe disponer de la licencia Tema Astra junto con el Addon Astra Pro instalado en su sitio web.
El encabezado adhesivo fijará el encabezado en la parte superior de su página web cuando un usuario se desplace por la página. Permitirá un acceso rápido al menú desde cualquier parte de la página. Esta función permite al usuario difuminar el fondo de la cabecera.
Pasos rápidos para añadir una cabecera adhesiva o una cabecera fija con el módulo de cabecera adhesiva
Paso 1: Asegúrese de tener instalado y activado el complemento Astra Pro. ¿Cómo instalar el complemento Astra Pro?
Segundo paso: Active el módulo Sticky Header desde las Opciones de Astra en la sección Astra > Módulos Astra Pro > Cabecera adhesiva
Paso 3: Visita el personalizador [ Apariencia > Personalizar > Cabecera > Cabecera adhesiva ] para editar la configuración del módulo
Encontrará los ajustes en Apariencia > Personalizar > Cabecera > Cabecera adhesiva.
Configuración de la cabecera adhesiva
La opción Pegar encabezado primario pegará el encabezado predeterminado del tema.
En caso de que haya activado el Módulo de Secciones de Encabezado de Astra Pro, verá opciones para pegar la sección de encabezado Arriba y Abajo.
Si activa la opción Pegar encima de la sección de encabezado o Pegar debajo de la sección de encabezado, la sección de encabezado correspondiente se pegará en la parte superior del desplazamiento de página.
Si pega la cabecera principal, vaya a la pestaña "Diseño" del módulo Cabecera principal para activar la opción Desenfoque de fondo.
Thus by following these steps, you can create a visually appealing and user-friendly experience with a sticky header and blurred background effect in Astra.